/*
	作者：zlife@vip.qq.com
	时间：2017-08-28
	描述：全友衣柜定制样式表
	版本：@20170825190506 v1.0.1
*/
@charset "utf-8";
*{
	padding: 0;
	margin: 0;
}
html,
body {
	background-color: #fff;
}
img{
	width: 100%!important;
}
.lightBox.active{
	top: 0%;
}
.appointment.addment{
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 20px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
}
.appointment .a-left.hh{
	margin-left: 0%;
	float: none;
	overflow: hidden;
	width: 305px;
}
.a-left.hh .a-content input{
	padding-left: 0%;
	text-indent: 10px;
}
.appointment .a-left.hh .a-content{
	float: none;
	width: 100%;
}
.appointment .a-left.hh .a-content:nth-child(even){
	margin-right: 0%;
}
.appointment .a-right.hh{
	float: none;
	top: 0px;
	width: 100%;
}
.appointment .a-right.hh a{
	padding: 10px 0px;
	width: calc(100% - 10px)
}
.lightBox .mask{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0px;
	top: 0px;	
}
/**更改谷歌文本框背景*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.clearfix:after {
	width: 100%;
	height: 1px;
	display: block;
	clear: both;
	content: '';
}

.container {
	width: 100%;
	height: auto;
	position: relative;
	background: #f5f5f5;
}

/*公共宽度*/

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

/*全部头部*/

.header {
	width: 100%;
	background: #fff;
}

.header .top {
	height: 40px;
	background: #eaeaea;
	margin-bottom: 10px;
	overflow: hidden;
}

.header .top .t-top {
	height: 40px;
}

.header .top .t-top a {
	display: inline-block;
	line-height: 40px;
	font-size: 12px;
	color: #3E3E3E;
	float: right;
	position: relative;
	margin: 0 10px;
}

.header .top .t-top a .icon {
	width: 23px;
	height: 21px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	opacity: .5;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	transition: all .6s ease 0s;
}

.header .top .t-top a .icon1 {
	background-position: -23px 0;
}
.bottom .bo-box{
	position: relative;
}
.header .top .t-top a .text {
	float: left;
	opacity: .8;
}

.header .top .t-top .line:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	right: -10px;
	width: 1px;
	height: 20px;
	background: #ccc;
	opacity: .8;
}

.header .top .t-top .radius {
	background: #9C9C9C;
	border-radius: 14px;
	width: 84px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	color: #fff;
	text-align: center;
}
.header .top .t-top .radiusd:hover{
	background: #3DC094;
}
.header .top .t-top .first {
	margin-left: 0;
	margin-right: 0;
	background: transparent;
	font-size: 20px;
	color: #3DC094;
	width: 130px;
}

/*.header .top .t-top .radius:hover {
	background: #258566;
}
.header .top .t-top .first:hover{
	background: transparent;
}*/
.header .top .t-top .line:hover {
	color: #258566;
}

.header .top .t-top .line:hover .icon1 {
	background-position: -23px -21px;
}

.header .top .t-top .line:hover .icon2 {
	background-position: 0px -21px;
}

.header .center{
	margin-bottom: 10px;
}

.header .center h1 {
	width: 245px;
	height: 60px;
	float: left;
	margin-top: 10px;
	margin-right: 60px;
	overflow: hidden;
}
.header .center h1 a{
	display: block;
	width: 100%;
	height: auto;
}
.header .center .se-top {
	height: 40px;
	
	margin-top: 10px;
	margin-bottom: 10px;
}

.header .center .serach {
	float: left;
	
}
.header .se-top .serachBox{
	width: 390px;
	height: 40px;
	position: relative;
	border: 1px solid #3dc094;
	box-sizing: border-box;
	border-right: 0;
	float: left;
}
.header .se-top input {
	border: 0;
	width: 389px;
	float: left;
	outline: none;
	padding-left: 18px;
	opacity: .8;
	border: 1px solid #fff;
	border-right: 0;
	position: absolute;
	box-sizing: border-box;
	top: 9px;
	left: 0;
}

.header .se-top a {
	display: block;
	float: left;
	height: 40px;
	width: 120px;
	background: #3DC094;
	
}
.header .se-top a:hover{
	background: #EA5404;
}
.header .se-top a .icon {
	width: 20px;
	height: 20px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: 0px -48px;
	float: left;
	margin-top: 9px;
	margin-left: 30px;
}

.header .se-top a .text {
	float: left;
	letter-spacing: 3px;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: 600;
}
.header .se-bottom a {
	position: relative;
	display: inline-block;
	margin-right: 22px;
	color: #3E3E3E;
	opacity: .8;
}

.header .se-bottom a:after {
	display: block;
	position: absolute;
	top: 4px;
	left: -13px;
	width: 1px;
	height: 14px;
	background: #3E3E3E;
	content: '';
	opacity: .6;
}
.header .se-bottom a:hover{
	color: #258566;
	}
.header .se-bottom .none:after{
	display: none;
}
.header .se-bottom .active{
	color: #ea5404;
	opacity: .9;
}
.header .se-bottom  a{
}
.header .center .right{
	float: right;
}
.header .center .r-gif{
	width: 204px;
	height: 94px;
	float: left;
	position: relative;
	margin-top: 5px;

}
.header .center .qcrode{
	float: right;
	margin-left: 15px;
	border-left: 1px solid #e6e4e4;
	padding-left: 15px;
}
.header .qcrode .qcr-img{
	height: 91px;
	width: 88px;
	background: url(../images/qcrode.jpg) no-repeat;
	
}
.header .qcrode .text{
	padding-top: 2px;
	font-size: 12px;
	text-align: center;
	/*font-weight: 600;*/
	opacity: .7;
}
.header .bottom {
	height: 49px;
	position: relative;
}
.header .bottom .b-nav{
	background: #fff;
	display: none;
}
.header .bottom h2{
	width: 240px;
	height: 49px;
	background: #3DC094;
	float: left;
	}
.header .bottom h2 .icon{
	width: 21px;
	height: 21px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: 0px -74px;
	float: left;
	margin-top: 13px;
	margin-left: 12px;
	margin-right: 5px;
	}
.header .bottom h2 .text{
	color: #fff;
	float: left;
	line-height: 48px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 18px;
}
.header .bottom nav{
	margin-left: 64px;
	float: left;
	height: 48px;
	}
.header .bottom nav a{
	font-size: 16px;
	display: inline-block;
	padding: 13px 25px 15px 25px;
	opacity: .9;
	color: #3E3E3E;
}
.header .bottom nav .clearpad{
	padding-left: 0;
	}
.header .bottom nav .active{
	color: #258566;	
}
.header .bottom nav a:hover{
	color: #258566;
}
/*中间内容*/
.banner{
	height: 550px;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.banner .b-list{
	width: 10000px;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.banner .b-list li{
	width: 100%;
	max-width: 1920px;
	height: 550px;
	float: left;
	overflow: hidden;
}
.b-list li a{
	display: block;
	width: 100%;
	height: 550px;
}
.nav-dot{
	height: 550px;
	position:absolute ;
	top: 49px;
	left: 0px;
	z-index: 100;
}
.banner .dot{
	background: rgba(0,0,0,.4);
	float: left;
	border-radius: 15px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -32px;
	z-index: 5;
	}
.banner .dot li{
	float: left;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	transition: all .6s ease 0s; 
	margin: 3px 0;
	margin-right: 10px;
	
	}
.banner .dot .dot1{
	margin-left: 10px;
}
.banner .dot li:hover{
	background: #3DC094;
}
.banner ul li img{
	width: auto!important;
}
.banner .dot .active{
	background: #3DC094;
}

.nav-dot .nav{
	width: 240px;
	height: 550px;
	position: relative;
}
.nav-dot .nav .filter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 0;
}
.nav-dot .nav .n-list{
	position: relative;
	height: 92px;/*限制不兼容*/
	width: 240px;
}
.nav-dot .nav .n-list .nav-l{
	display: block;
	color: #3E3E3E;
	width: 215px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	padding-top: 21px;

}
.nav-dot .nav .n-list .icon{
	width: 25px;
	height: 25px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: 1px -96px;
	float: left;
	margin-right: 10px;
	transition: all .6s ease 0s;
}
.nav-dot .nav .n-list .icon2{
	background-position: -33px -95px;
}
.nav-dot .nav .n-list .icon3{
	background-position: -73px -95px;
}
.nav-dot .nav .n-list .icon4{
	background-position: -106px -95px;
}
.nav-dot .nav .n-list .icon5{
	background-position: -143px -93px;
}
.nav-dot .nav .n-list .icon6{
	background-position: -178px -95px;
}
.nav .n-list .big{
	margin-bottom: 22px;
	opacity: .7;
}
.nav .n-list .big li{float: left;}
.nav .n-list  .xline{
	margin: 0 10px;
	opacity: .6;
	font-size: 16px;
	line-height: 19px;
	}
.nav-dot .nav .n-list h4{
	font-size: 16px;
	opacity: .9;
	line-height: 23px;
	margin-bottom: 5px;
}
.nav-dot .n-list:hover .nav-l{
	color: #3DC094;
}
.nav-dot .n-list:hover .nav-l a{
	color: #3DC094;
}
.nav-dot .n-list:hover .icon1{
	background-position: 1px -121px;
}
.nav-dot .n-list:hover .icon2{
	background-position: -33px -122px;
}
.nav-dot .n-list:hover .icon3{
	background-position: -73px -121px;
}
.nav-dot .n-list:hover .icon4{
	background-position: -106px -121px;
}
.nav-dot .n-list:hover .icon5{
	background-position: -143px -119px;
}
.nav-dot .n-list:hover .icon6{
	background-position: -178px -120px;
}
.nav-dot .n-list:hover .nav-r{
	display: block;
}
.nav-dot .n-list .nav-r{
	height: 550px;
	width: 0;
	overflow:hidden;
	background: #fff;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: -13px;
	left:240px;;/*240*/
	/*display: none;*/
	padding-top: 14PX;
	z-index: 2;
	transition: all .6s ease 0s;
}
.nav-dot .n-list .nav-r:hover{
	background: rgba(255,255,255,1);
}
/*.nav-dot .nav .n-list:hover .nav-r{
	left:240px;
}*/
.nav-dot .n-list1 .nav-r{
	top:-105px;
}
.nav-dot .n-list2 .nav-r{
	top:-197px;
}
.nav-dot .n-list3 .nav-r{
	top:-289px;
}
.nav-dot .n-list4 .nav-r{
	top:-381px;
}
.nav-dot .n-list5 .nav-r{
	top:-473px;
}
.nav-dot .nav .n-list5 .nav-l {
	border-bottom: 0;
}
.n-list .nav-r ul{
	overflow: hidden;
	margin-left: 64px;
	width: 736px;
}
.n-list .nav-r li{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	margin-right: 20px;
	opacity: .65;
	
}
.nav-dot .n-list .nav-r li a{
	border: 0;
	width: auto;
	padding: 0;
}
.n-list .nav-r h3{
	font-size: 16px;
	font-weight: normal;
	margin: 16px 0 10px 64px;
	font-weight: 600;
	opacity: .9;
	width: 736px;
	
}
.n-list .nav-r li:after{
	display: block;
	content: '/';
	position: absolute;
	top: 0px;
	right: -14px;
	font-size: 18px;
	opacity: .6;
	
}
.nav-dot .n-list .nav-r li a:hover{
	color: #3DC094;
}
.n-list .nav-r .bt-img{
	margin-left: 64px;
	margin-top: 50px;
	width: 800px;
}
.n-list .nav-r .bt-img a{
	margin-right: 15px;
	display: inline-block;
	width: 295px;
	height: 210px;
	border: 0;
	background-position: center center;
	background-size: cover;
}
.n-list .nav-r .bt-img .bt-i01{
	/*background: url(../images/top01.jpg) no-repeat;*/
}
.n-list .nav-r .bt-img .bt-i02{
	/*background: url(../images/top02.jpg) no-repeat;*/
}
.nav-dot .n-list .nav-r .end:after{
	display: none;
}
.nav-dot .btn{
	display: block;
	width: 44px;
	height: 80px;
	background: rgba(0,156,116,.2);
	position: absolute;
	top: 50%;
	margin-top: -30px;
	right: -44px;
	z-index: 1;
}
.nav-dot .btn i{
	display: block;
	width: 48px;
	height: 48px;
	background: url(../img/jiantou.png) no-repeat center center;
	margin-top: 16px;
	margin-left: -2px;
}
.nav-dot .btn-right{
	right: -958px;
}
.nav-dot .btn-right i{
	background: url(../img/jiantoul.png) no-repeat center center;
	margin-left: -3px;
}
.nav-dot .btn:hover{
	background: #3DC094;
	background: rgba(0,156,116,1);
}
/*产品列表*/
.product{
	overflow: hidden;
	margin-bottom: 50px;
}
.product li{
	float: left;
	cursor: pointer;
	transition: all .6s ease 0s;
	height: 260px;
	margin-right: 13px;
}
.product li a{
	display: block;
	width: 290px;
	height: 260px;
}
.product li .pro-img{
	width: 290px;
	height: 155px;
	margin-bottom: 15px;
	box-sizing: border-box;
	transition: all .3s;
	overflow: hidden;
	border: 5px solid transparent;
}
.product li .pro-img img{
	width: 100%;
	height: auto;
	transition: all .6s;
}
.product li span{
	transition: all .3s;
}
.product li h3{
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
	transition: all .3s;
	color: #3E3E3E;
}
.product li .pro-tip{
	opacity: .5;
	text-align: center;
	margin-bottom: 20px;
	color: #3E3E3E;
	display: none;
}
.product li a span{
	display: inline-block;
	margin-left:100px ;
	border-radius: 43px;
	border: 2px solid #3DC094;
	padding: 2px 12px;
	color: #3DC094;
	transition: all .3s;
	position: relative;
	opacity: 0;
	visibility: hidden;
}
.product li:hover h3{
	color: #3DC094;
}
/*.product li:hover .pro-img{
	border: 5px solid #3DC094;
	
}*/
.product li a:hover span{
	opacity: 1;
	visibility: visible;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
}
.product li span:hover{
	background: #3DC094;
	color: #fff;
}
.product li:hover .pro-img img{
	-webkit-transform: scale(1.1);
}
/*专享服务*/
.server{
	margin-bottom: 140px;
	padding-bottom: 85px;
	border-bottom: 1px dashed #9C9C9C;
	position: relative;
}
.server h3{
	font-size: 24px;
	text-align: center;
	letter-spacing: 5px;
	padding-bottom: 3px;
	font-weight: normal;
}
.server h3 span{
	color: #3DC094;
	
	}
.server .s-text{
	text-align: center;
	opacity: .6;
	font-size: 12px;
}
.server ul{
	position: absolute;
	bottom: -60px;
	left: 0;
	}
.server ul li{
		float: left;
		margin-left:116px;
	}
.server .s-icon{
	width: 70px;
	height: 70px;
	border: 1px dashed #9C9C9C;
	background-color: #fff;
	background-image: url(../img/icon-sum.png);
	background-repeat: no-repeat;
	background-position:2px -161px;
	border-radius: 35px;
	margin:0 auto;
	margin-bottom: 5px;
}
.server .icon1{
	background-position:-74px -163px;
}
.server .icon2{
	background-position:-148px -161px;
}
.server .icon3{
	background-position:-230px -160px;
}
.server .icon4{
	background-position:-302px -159px;
}
.server li .s-content{
	font-size: 16px;
}
.server li .s-content span{
	color: #3DC094;
}
.appointment{
	/*height: 110px;*/
	position: relative;
	/*margin-bottom: 60px;*/
}
.appointment .a-yue{
	height: 70px;
	width: 370px;
	border:3px solid #009c74;
	margin: 0 auto;
	margin-bottom: 130px;
	opacity: .9;
	display: block;
	position:relative;
}
.appointment .a-yue a{
	display: inline-block;
	height: 60px;
	width: 360px;
	background: #009c74;
	margin: 5px 5px;
	text-align: center;
	color: #fff;
}
.a-yue a h3{
	font-size: 24px;
	margin-bottom: 1px;
	margin-top: 3px;
}
.appointment .a-show{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	/*visibility: hidden;*/
}
.appointment .a-yue:hover{
	border-color: #258566;
}
.appointment .a-yue:hover a{
	background: #258566;
}
.appointment .a-left{
	width: 715px;
	float: left;
	margin-left: 135px;
}
.appointment .a-left .a-content{
	width: 305px;
	height: 38px;
	float: left;
	margin: 0 25px 20px 0px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.appointment .a-left .ac1{
	width: 200px;
}
.a-left .a-content span{
	display: inline-block;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.1);
	border-right:0;
	float: left;
	
}
.a-left .a-content .a-conBox{
	width: 254px;
	height: 36px;
	position: relative;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.1);
	background: #FFF;
	float: left;
	overflow: hidden;
	
}
.appointment .a-left .uadd-s{
	width: 630px;
}
.appointment .a-left .uadd-s .uaddd{
	width: calc(100% - 52px);
}
.a-left .a-content{
	position: relative;
}
.a-left .a-content input{
	border: 0;
	outline: none;
	width: 100%;
	padding-left: 10px;
	background: #FFF;
	float: left;
	border: 1px solid #fff;
	position: absolute;
	top: 9px;
	left: 0;
	padding-bottom: 9px;
}
.a-left .a-content .list-box{
	width: 254px;
	height: 36px;
	position: absolute;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.1);
	top: 0;
	right: 0;
	z-index: 0;
	opacity: .8;
	line-height: 36px;
	text-indent: 13px;
}
.appointment .a-left .ac1 .list-box{
	width: 150px;

}
.a-left .a-content .li-icon{
	width: 20px;
	height: 20px;
	background: url(../images/sanjiao.png) no-repeat center center;
	position: absolute;
	right: 2px;
	top: 9px;
}
.a-left .a-content select{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 256px;
	outline: none;
	height: 38px;
	border: 0;
	z-index: 1;
	/*appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/sanjiao.png) no-repeat scroll right center transparent;
  text-indent: 5px;*/

}
.a-left .ac1 select{
	width: 152px;

}
.appointment .a-left .ac1{
	margin-right: 17px;
}
 select::-ms-expand { display: none; }

.appointment .a-right{
	width: 340px;
	float: left;
	position: relative;
	top: 25px;
	
}
.appointment .a-right a{
	margin-top: 10px;
	display: inline-block;
	padding: 15px 45px;
	border:5px solid #3DC094;
	text-align: center;
	font-size: 18px;
	color: #3DC094;
	font-weight: 600;
	letter-spacing: 5px;
}
.a-right a span{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: normal;
	opacity: .5;
	color: #3E3E3E;
}
.a-right a:hover{
	background: #3DC094;
	color: #fff;
}
.a-right a:hover span{
	color: #fff;
	opacity: .7;
}
.model{
	overflow: hidden;
	margin-bottom:110px;
	}
/*model*/
.m-title{
	border-bottom: 3px solid #ccc;
	border-bottom: 3px solid rgba(0,0,0,.1);
	height: 48px;
	margin-bottom: 20px;
}
.m-title .m-tip{
	font-size: 24px;
	color: #3DC094;
	border-bottom: 3px solid #3DC094;
	overflow: hidden;
	height: 48px;	
	/*margin-left: 20px;*/
	float: left;
}
.m-title .m-tip h3{
	float: left;
	padding:0 12px;
	font-size: 20px;
	line-height: 45px;
}
.m-title i{
	float: left;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -2px -244px;
}
.m-title span{
	float: left;
	font-size: 12px;
	color: #3E3E3E;
	opacity: .6;
	padding-top: 21px;
}
.m-title .m-right{
	float: right;
	opacity: .6;
	padding-top: 7px;
	line-height: 42px;
	/*display: none;*/
}
.model .m-content a{
	display: block;
 	border-bottom: 3px solid #ccc;
 	position: relative;
}
.model .m-content li{
	float: left;
	margin-right: 45px;
}
.model .m-content .m-img{
	width: 266px;
	height: 185px;
	overflow: hidden;
}
.model .m-content .m-img img{
	width: 100%;
	display: block;
	transition: all .6s;
}
.model .m-content .text{
	font-size: 16px;
	opacity: .8;
	color: #3E3E3E;
	padding-top: 20px;
	padding-bottom: 6px;
	transition: all .6s;
	font-weight: bold;
}
.model .m-content .m-top{
	width: 120px;
	height: 30px;
	background: #fff;
	border-radius: 75px;
	position: absolute;
	top: 15px;
	left: 15px;
	transition: all .6s;
}
.model .m-content .m-top .icon{
	width: 20px;
	height: 20px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -55px -252px;
	margin: 4px 10px 4px 10px ;
	float: left;
	transition: all .3s;
}
.model .m-content .m-top .m-text{
	float: left;
	margin-top: 7px;
	font-size: 14px;
	color: #3E3E3E;
	transition: all .6s;
	opacity: .8;
}
.model .m-content li:hover a{
	border-color: #3DC094;
}
.model .m-content li:hover .text{
	color: #3DC094;
}
.model .m-content li:hover .m-top .icon{
	background-position: -85px -252px;
}
.model .m-content li:hover .m-top{
	background: #3DC094;
}
.model .m-content li:hover .m-text{
	color: #fff;
}
.model .m-content li:hover .m-img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*详细商品*/
.productls{
	margin: 0 auto;
	margin-bottom: 10px;
}
.productls:after{
	clear: both;
	display: block;
	content: "";
}
.productls .m-tip{
	color: #3DC094;
	height: 48px;
}
.productls .m-title{
	height: 49px;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}
.productls .m-title i{
	background-position: -2px -285px;
}
.productls .m-tip{
	border-color: #3DC094;

}
.productls .m-tip h3{
	padding-right: 12px;
}
.productls .m-title span{
	padding-top: 21px;
}
.productls .m-right{
	opacity: .9;
	padding-top: 7px;
}
.productls .m-right li{
	float: left;
	margin-left: 35px;
}
.productls .m-right a{
	display: block;
	overflow: hidden;
}
.productls .m-right a .icon{
	width: 23px;
	height: 20px;
	margin-top: 11px;
	margin-right: 10px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -57px -293px;
	float: left;
	transition: all .3s ease 0s;
}
.productls .m-right a .text{
	float: left;
	transition: all .6s ease 0s;
	
}
.productls .m-right a .icon2{
	background-position: -89px -293px;
}
.productls .m-right a .icon3{
	background-position: -118px -293px;
}
.productls .m-right a .icon4{
	background-position: -146px -293px;
}
.productls .m-right a .icon5{
	background-position: -175px -293px;
}
.productls .m-right a .icon6{
	background-position: -200px -293px;
}
.productls .m-right a:hover .icon1{
	background-position: -57px -315px;
}
.productls .m-right a:hover .icon2{
	background-position: -89px -315px;
}
.productls .m-right a:hover .icon3{
	background-position: -118px -315px;
}
.productls .m-right a:hover .icon4{
	background-position: -146px -315px;
}
.productls .m-right a:hover .icon5{
	background-position: -175px -315px;
}
.productls .m-right a:hover .icon6{
	background-position: -199px -315px;
}
.productls .m-right a:hover .text{
	color: #3dc094;
}
.productls .pro-content{
	overflow: hidden;
	margin-bottom:100px;
}
.productls .pro-content .left{
	display: block;
	width: 295px;
	height: 540px;
	float: left;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}
.productls .pro-content .left img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .6s ease 0s;
}
.productls .pro-content .left:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.pro-content .left .l-con{
	width: 285px;
	height: 120px;
	background: #fff;
	left: 5px;
	top: 365px;
	position: absolute;
	z-index: 1;
	
}
.pro-content .left .l-con h2{
	opacity: .8;
	float: left;
	font-size: 24px;
	font-weight: normal;
	/*border-bottom: 1px solid #9C9C9C;*/
	padding: 35px 0 20px 0;
	width: 100%;
	color: #3E3E3E;
	transition: all .3s ease 0s;
	text-align: center;
}
.pro-content .left .l-con .text{
	position: absolute;
	left: 100px;
	bottom: 29px;
	background: #fff;
	padding: 0 15px;
	transition: all .3s ease 0s;
	color: #6B6969;
}
.pro-content .left .l-con .text:after{
	height: 1px;
	width:85%;
	display: block;
	content: '';
	background-color: #9C9C9C;
	position: absolute;
	left: -85%;
	transition: all .3s ease 0s;
	top: 10px;
}
.pro-content .left .l-con .text:before{
	height: 1px;
	width:85%;
	display: block;
	content: '';
	background-color: #9C9C9C;
	position: absolute;
	right: -85%;
	transition: all .3s ease 0s;
	top: 10px;
}
.pro-content .left:hover h2{
	color: #3DC094;
	border-color: #3DC094;
}
.pro-content .left:hover .text{
	color: #3DC094;
}
.pro-content .left:hover .text:before,.pro-content .left:hover .text:after{
	background-color: #3DC094;
}
.pro-content .right{
	width: 895px;
	height: 540px;
	overflow: hidden;
	float: left;
}
.pro-content .right .r-com a{
	display: inline-block;
	width: 441PX;
	height:360px ;
	position: relative;
	overflow: hidden;
}
.pro-content .right a h2{
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #3E3E3E;
	line-height: 50px;
	transition: all .3s ease 0s;
	text-indent: 10px;
	z-index: 5;
	position: absolute;
	bottom: 0;
	left: 0;
}
.pro-content .right a .filter{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	z-index: 1;
	opacity: .7;
	filter: alpha(opacity=70);
}
.pro-content .right a .oqb{
	background-color: #fff;
	position: absolute;
	color: #3E3E3E;
	opacity: .9;
	transition: all .6s ease 0s;
	line-height: 24px;
}
.pro-content .right a .ou{
	width: 24px;
	height: 24px;
	border-radius: 13px;
	top: 20px;
	right: 144px;
	text-align: center;
	text-indent:6px;
	letter-spacing: 5px;
	overflow:hidden;
	white-space:nowrap;
}
.pro-content .right a .qing{
	width: 24px;
	height: 24px;
	border-radius: 13px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:6px;
	letter-spacing: 5px;
	top: 20px;
	right: 110px;
	text-align: center;
}
.pro-content .right a .big-s{
	width: 75px;
	height: 24px;
	overflow:hidden;
	white-space:nowrap;
	border-radius: 30px;
	top: 20px;
	right:25px;
	text-align: center;
}

.pro-content .right .r-bottom a{
	width: 215px;
	height: 170px;
	margin-top: 7px;
	margin-right: 7px;
}
.pro-content .right .r-bottom  .oqb{
	top: 10px;
}
.pro-content .right .r-bottom .ou{
	right: 144px;
}
.pro-content .right .r-bottom .qing{
	right: 110px
}
.pro-content .right .r-bottom .big-s{
	right: 25px;
}
.pro-content .right a:hover .oqb{
	color: #fff;
	background-color: #3DC094;
}
.pro-content .right .r-bottom h2{
	font-size: 16px;
	line-height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	background: transparent;
}
.pro-content .right .r-bottom .filter{
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	left: 0;
	background: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
}
.pro-content .right a:hover h2{
	color: #3DC094;
}
.productls .pro-content img{
	transition: all .6s ease 0s;
}
.productls .pro-content a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*定制风格*/
.productls .fengge i{
	background-position: -3px -324px;
}
.productls .fengge .m-tip{
	border-bottom-color:#3DC094;
}
.productls .fengge .m-tip h3{
	color: #3DC094;
}
.productls .fengge a:hover .text{
	color: #3DC094;
}
.productls .fengge .m-right .icon1{
	background-position: -57px -341px;
}
.productls .fengge .m-right .icon2{
	background-position: -87px -339px;
}
.productls .fengge .m-right .icon3{
	background-position: -116px -339px;
}
.productls .fengge .m-right .icon4{
	background-position: -146px -337px;
}
.productls .fengge a:hover .icon1{
	background-position: -57px -359px;
}
.productls .fengge a:hover .icon2{
	background-position: -87px -359px;
}
.productls .fengge a:hover .icon3{
	background-position: -116px -359px;
}
.productls .fengge a:hover .icon4{
	background-position: -146px -359px;
}
.productls .fengge .m-right .icon5{
	background-position: -89px -339px;
}
.productls .fengge .diy{
	padding: 1px 10px;
	height: 18px;
	border:1px solid  #258566;
	border-radius: 25px;
	line-height: 18px;
	margin-top: 7px;
	color: #258566;
	overflow:  visible;
	position: relative;
}
.productls .fengge .diy .new{
	width: 35px;
	height: 40px;
	position: absolute;
	top: -29px;
	right: 0px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -237px -287px;
}
.productls .fengge .diy:hover{
	color: #fff;
	background: #258566;
}
.pro-content .fengger a:hover .oqb{
	color: #fff;
	background-color: #3DC094;
}
.pro-content .fengger a:hover h2{
	color: #3DC094;
}
.pro-content .fenggel:hover h2{
	color: #3DC094;
	border-color: #3DC094;
}
.pro-content .fenggel:hover .text{
	color:#3DC094;
}
/*设计师*/
.designer{
	margin-bottom: 80px;
}
.designer .m-title i{
	background-position: -3px -362px;
}
.designer .d-list{
	margin-bottom: 20px;
}
.designer .d-list li{
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	
}
.designer .d-list a{
	display: block;
	width:170px ;
	height: 220px;
	overflow: hidden;
	position: relative;
}
.designer .d-list a img{
	transition: all .6s ease 0s;
	width: 100%;
}
.designer .d-list a h2{
	position: absolute;
	top: 55px;
	left:50%;
	margin-left: -193px;
	font-size: 26px;
	color: #3E3E3E;
	transition: all .6s ease 0s;
}
.designer .d-list a .text{
	position: absolute;
	top: 90px;
	font-size: 26px;
	color: #3E3E3E;
	opacity: .5;
	left:50%;
	margin-left: -170px;
	transition: all .6s ease 0s;
}
.designer .d-list a .saymore{
	position: absolute;
	bottom: 65px;
	left:50%;
	margin-left: -55px;
	font-size: 16px;
	color: #3E3E3E;
	opacity: .8;
	transition: all .6s ease 0s;
}
.designer .d-list a:hover h2{
	color: #3DC094;
}
.designer .d-list a:hover .text{
	color: #3DC094;
}
.designer .d-list a:hover .saymore{
	color: #3DC094;
}
.designer .d-list .d-big a{
	width: 510px;
	height: 220px;
	margin-right: 3px;
}
.designer .d-list a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.designer .guarantee{
	height: 295px;
	background: url(../img/huibg.jpg) no-repeat center center;
	position: relative;
	cursor: pointer;
}
.guarantee .g-guarantee{
	height: 130px;
	width: 145px;
	border: 3px solid transparent;
	border-radius: 5px;
	float: left;
	transition: all .3s ease 0s;
	margin-top: 80px;
	overflow: hidden;
}
.guarantee .g-guarantee .left{
	width: 143px;
	float: left;
	transition: all .3s ease 0s;
}
.guarantee .g-guarantee .left i{
	display: block;
	height:49px ;
	width: 47px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -356px 0px;
	margin: 0 auto;
	margin-top: 17px;
}
.guarantee .g-guarantee .left .text{
	font-size: 12px;
	color: #fff;
	text-align: center;
	opacity: .8;
}
.guarantee .g-guarantee .left h2{
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}
.guarantee .g-guarantee .right{
	border-left: 1px solid #fff;
	float: left;
	height: 95px;
	width: 140px;
	margin-top: 15px;
	transition: all .6s ease 0s;
	opacity: 0;
	visibility: hidden;
}
.guarantee .g-guarantee .right .text{
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	margin-left: 35px;
}
.guarantee .g-guarantee:hover{
	width: 285px;
	border: 3px solid #F2F2F2;
	border: 3px solid rgba(255,255,255,.6);
}
.guarantee .g-guarantee:hover .right{
	opacity: 1;
	visibility: visible;
}
.guarantee .g-guarantee .l-online i{
	background-position: -356px -54px;
}
.guarantee .g-guarantee .l-zhuan i{
	background-position: -356px -113px;
}
.guarantee .g-guarantee .l-zo i{
	background-position: -353px -249px;
}
/*新闻*/
.news{
	margin-bottom: 60px;
}
.news .title{
	width: 195px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.news .title h2{
	font-size: 24px;
	text-align: center;
	font-weight: normal;
}
.news .title .text{
	text-align: center;
	opacity: .6;
	font-size: 12px;
	margin-bottom: 10px;
}
.news .title .nav{
	border-top: 1px solid #ccc;
	border-top: 1px solid rgba(0,0,0,.3);
	padding-top: 5px;
	
}
.news .title .nav a{
	padding-right: 5px;
	position: relative;
	display: inline-block;
	padding-left: 2px;
	opacity: .6;
	color: #3E3E3E;
}
.news .title .nav a:hover{
	color: #3DC094;
}
.news .title .nav a:after{
	display: block;
	content: "/";
	position: absolute;
	top: 3px;
	right: -2px;
}
.news .title .nav .n-clear{
	padding-right: 0;
	padding-left: 0;
}
.news .title .nav .n-clear:after{
	display: none;
}
.news .content{
	overflow: hidden;
}
.news .content li{
	float:left;
	margin-right: 53px;
}
.news .content li a{
	display: block;
}
.news .content a .c-img{
	width: 260px;
	height: 175px;
	overflow: hidden;
	
}
.news .content a .c-img img{
	transition: all .6s ease 0s; 
	height: 100%;
}
.news .content a .c-time{
	line-height: 30px;
	opacity: .6;
	padding-top: 5px;
	color: #3E3E3E;
	transition: all .6s ease 0s; 
}
.news .content a .c-text{
	width: 223px;
	color: #3E3E3E;
	opacity: .9;
	transition: all .6s ease 0s; 
	line-height: 22px;
}
.news .content a:hover .c-img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news .content a:hover .c-text{
	color: #3DC094;
}
.news .content a:hover .c-time{
	color: #3DC094;
}
.news .content .more{
	display: block;
	background: #3DC094;
	width: 130px;
	height: 35px;
	border-radius: 35px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 35px;
	margin-top: 35px;
}
.news .content .more:hover{
	background: #258566;
}
/*全屋定制页面*/
.customized{
	margin-top: 35px;
	background: #F5F5F5;
	overflow: hidden;
}
.customized .bread{
	margin-bottom: 20px;
}
.customized .bread a{
	margin-right: 10px;
	opacity: .8;
}
.customized .bread a:hover{
	color: #3DC094;
}
.customized .bread .active{
	color: #3DC094;
}
.customized .screen{
	padding-bottom: 30px;
	background: #fff;
	margin-bottom: 25px;
}
.customized .screen .s-list{
	padding-top: 28px;
	font-size: 0;
}
.customized .screen .s-list h4{
	float: left;
	margin-left: 30px;
	margin-right: 100px;
	font-size: 14px;
}
.customized .screen .s-list a{
	width: 100px;
	display: inline-block;
	opacity: .7;
	margin-right: 30px;
	font-size: 14px;
}
.customized .screen .s-list .active{
	color: #3DC094;
}
.customized .screen .s-list a:hover{
	color: #3DC094;
}
.customized .cu-con ul{
	overflow: hidden;
}
.customized .cu-con li{
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.customized .cu-con li a{
	display: block;
}

.customized .cu-con .img{
	width: 380px;
	height: 237px;
	overflow: hidden;
}
.customized .cu-con .img img{
	transition: all .6s ease 0s;
}
.customized .cu-con h3{
	line-height: 30px;
	margin-top: 5px;
	font-size: 16px;
	transition: all .6s ease 0s;
	color: #3E3E3E;
}
.customized .cu-con .type span{
	padding-right: 30px;
	color: #3E3E3E;
	opacity: .5;
	position: relative;
	transition: all .6s ease 0s;
}
.customized .cu-con .type span:after{
	display: block;
	content: "/";
	position: absolute;
	top: 0;
	right: 12px;
}
.customized .cu-con .type .clearma:after{
	display: none;
}

.customized .cu-con li a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.customized .cu-con li a:hover h3{
	color: #3DC094;
}
.customized .cu-con li a:hover span{
	color: #3DC094;
}

#more{
	width: 1200px;
	display: block;
	text-align: center;
	background: #ebebeb;
	padding: 20px 0;
	opacity: .8;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 60px;
	
}
#more:hover{
	color: #3DC094;
}
#more .m-icon{
	display: none;
	width: 48px;
	height: 15px;
	margin: 0 auto;
	margin-top: 5px;
	background: url(../images/more.png) center center no-repeat;
	transition: all .6s ease 0s;
}
#more:hover .m-icon{
	background-image: url(../images/more1.png);
}
/*全屋定制列表二 custom**/
.custom {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.custom .cus-box{
	height: 425px;
	background: #fff;
	padding-top: 10px;
	
}
.custom .cus-box .left{
	height: 415px;
	width: 305px;
	float: left;
	margin-right: 8px;
	margin-left: 10px;
}
.custom .cus-box .left h2{
	margin-top: 70px;
	text-align: center;
	margin-bottom: 7px;
	font-size: 20px;
	color: #3E3E3E;
	transition: all .6s ease 0s;
}
.custom .cus-box .left a{
	display: block;
}
.cus-box .left a .l-text{
	text-align: center;

}
.cus-box img{
	transition: all .6s ease 0s;
}
.cus-box .left a .l-text span{
	padding-right: 15px;
	position: relative;
	opacity: .5;
	color: #3E3E3E;
	transition: all .6s ease 0s;
	}
.cus-box .left a .l-text span:after{
	display: block;
	content: "/";
	position: absolute;
	top: 0;
	right: 3px;
}
.cus-box .left a  .l-img{
	width: 290px;
	height: 230px;
	margin: 0 auto;
	margin-top: 63px;
	overflow: hidden;
	
}
.cus-box .left a .l-text .l-last:after{
	display: none;
}
.cus-box .left a:hover .l-text span{
	color: #3DC094;
}
.cus-box .left a:hover h2{
	color: #3DC094;
}
.cus-box .left a:hover  .l-img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.cus-box .center{
width: 650px;
height: 415px;
float: left;
margin-right: 8px;
position: relative;
overflow: hidden;
}
.cus-box .center ul{
	position: absolute;
	top: 0;
	left: 0;
	
	width: 10000px;
	height: 415px;
}
.cus-box .center li{
	float: left;
}
.cus-box .center li a{
	display: block;
	width: 650px;
	height: 415px;
	overflow: hidden;
}
.cus-box .center li a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.cus-box .center .blr{
	display: block;
	height: 40px;
	width: 35px;
	position: absolute;
	top: 50%;
	
	z-index: 5;
	margin-top: -20px;
	background: #3DC094;
}
.cus-box .center .btn-l{
	left: 0;
}
.cus-box .center .btn-r{
	right: 0;
}
.cus-box .center .blr:hover{
	background: #fff;
}
.cus-box .center .blr i{
	display: block;
	width: 15px;
	height:25px ;
	background: url(../images/jian-lr.png) no-repeat;
	background-position: -26px -9px;
	margin: 0 auto;
	margin-top: 8px;
	transition: all .3s ease 0s;
	
}
.cus-box .center .btn-r i{
	background-position: -52px -9px;
}
.cus-box .center .btn-l:hover i{
	background-position: -8px -9px;
}
.cus-box .center .btn-r:hover i{
	background-position: -74px -9px;
}

.designer .des-box .left .sbtn{
	display: block;
	height: 60px;
	width: 40px;
	position: absolute;
	top: 50%;
	opacity: .6;
	z-index: 5;
	margin-top: -30px;
	background: #3DC094;
}
.designer .des-box .left .s-btnl{
	left: 0;
}
.designer .des-box .left .s-btnr{
	right: 5px;
}
.designer .des-box .left .sbtn:hover{
	background: #fff;
	opacity:1;
}
.designer .des-box .left .sbtn i{
	display: block;
	width: 15px;
	height:25px ;
	background: url(../images/jian-lr.png) no-repeat;
	background-position: -26px -9px;
	margin: 0 auto;
	margin-top: 18px;
	transition: all .3s ease 0s;
	
}
.designer .des-box .left .s-btnr i{
	background-position: -52px -9px;
}
.designer .des-box .left .s-btnl:hover i{
	background-position: -8px -9px;
}
.designer .des-box .left .s-btnr:hover i{
	background-position: -74px -9px;
}
.cus-box .right{
	width: 210px;
	height: 415px;
	overflow: hidden;
	margin-right: 8px;
	float: left;
}
.cus-box .right a{
	display: block;
	width: 210px;
	height: 135px;
	overflow: hidden;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.cus-box .right a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*二级导航搜索结果详细页*/
.customized .tnav{
	height: 600px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.customized .tnav ul{
	height: 600px;
	width: 10000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.customized .tnav li{
	float: left;

}
.customized .tnav li a{
	display: block;
	position: relative;
}
.customized .tnav li a .t-img{
	width: 1200px;
	height: 600px;
	overflow: hidden;
}
/*
.customized .tnav li .t-img img{
	transition: all .6s ease 0s;
}
.customized .tnav li a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}*/
.customized .tnav .t-text{
	padding-bottom: 40px;
	padding-right: 20px;
	background: rgba(0,0,0,.2);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
.customized .tnav .t-text .num{
	color: #FFF;
	font-size: 32PX;
	margin-top: 30px;
	text-align: right;
}
.customized .tnav .t-text .now{
	font-size: 52px;
}
.customized .tnav .t-text .sum{
	position: relative;
	margin-left: 10px;
}
.customized .tnav .t-text .sum:after{
	position: absolute;
	top: 0px;
	left: -15px;
	display: block;
	content: "/";
}
.customized .tnav .t-text .title{
	font-size: 20px;
	color: #fff;
	
}
.customized .tnav .t-text .title span{
	display: inline-block;
	padding-left: 10px;
	text-align: right;
	
}
.customized .tnav .t-text .title i{
	position: relative;
	top: -4px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	margin-left: 10px;
	background: #fff;
}
.customized .tnav .t-btn{
	z-index: 5;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 60px;
	background: #3DC094;
	margin-top: -30px;
}
.customized .tnav .t-btn i{
	display: block;
	height: 40px;
	width: 20px;
	background: url(../images/tnav.png) no-repeat;
	background-position: -29px -12px;
	margin: 0 auto;
	margin-top: 10px;
	transition: all .3s ease 0s;
}
.customized .tnav .t-btn:hover{
	background: #fff;
}
.customized .tnav .t-left{
	left: 0;
}
.customized .tnav .t-right{
	right: 0;
}
.customized .tnav .t-right i{
	background-position: -54px -12px;
}
.customized .tnav .t-left:hover i{
	background-position: -5px -12px;
}
.customized .tnav .t-right:hover i{
	background-position: -78px -12px;
}
/*门店查找*/
.customized .select{
	height: 340px;
	background: url(../images/roomse.jpg) center center no-repeat;
	margin-bottom: 20px;
	position: relative;
}
.customized .select .se-list{
	padding-top: 160px;
	padding-left: 50px;
	
}
.customized .select .se-list{
	overflow: hidden;
}
.customized .select .se-list form{
	overflow: hidden;
	margin-bottom: 30px;
}
.customized .select .se-list .secbox{
	float: left;
	background: #fff;
	margin-left: 20px;
	width:180px ;
	height:40px ;
	position: relative;
}
.customized .select .se-list .secbox .list-box{
	width:179px ;
	height:38px ;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	line-height: 40px;
	 text-indent: 15px;
	 border: 1px solid transparent;
}
.customized .select .se-list .secbox .li-icon{
	width: 15px;
	height: 15px;
	background: url(../images/roomse.png) no-repeat center center;
	  background-position: 0 0;
	  position: absolute;
	  top: 11px;
	  right: 15px;
	  z-index: 1;
	 
}
.customized .select .se-list select{
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
	padding-left: 10px;
	height: 40px;
	width: 180px;
	outline: none;
	border: 0;
	border: 1px solid transparent;
	background-color: #fff;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.customized .select .s-submit{
	display:inline-block;
	background: #3DC094;
	color: #fff;
	padding: 8px 36px;
	border-radius: 36px;
	margin-left: 18px;
	letter-spacing: 5px;
}
.customized .select .s-submit:hover{
	background: #258566;
}
.customized .con-list{
	height: 185px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 25px rgba(0,0,0,.1);
}
.customized .con-list .right{
	width: 200px;
	height: 185px;
	float: right;
}
.customized .con-list .right a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-left: 1px solid #ccc;
	border-left: 1px solid rgba(0,0,0,.11);
}
.con-list .right a .icon{
	margin: 0 auto;
	width: 30px;
	height: 35px;
	background: url(../images/roomse.png) no-repeat;
	background-position:-28px -6px;
	position: relative;
	top: 70px;
	transition: all .6s ease 0s;
}
.con-list .right a .text{
	text-align: center;
	margin-top: 70px;
	color: #3DC094;
	transition: all .6s ease 0s;
}
.con-list .right a:hover{
	background: #3DC094;
}
.con-list .right a:hover .text{
	color: #fff;
}
.con-list .right a:hover .icon{
	background-position:-28px -45px;
}
.con-list .left{
	width: 1000px;
	height: 185px;
	background: #fff;
	float: left;
}
.con-list .left h3{
	font-size: 24px;
	margin: 65px 0 5px 65px
}
.con-list .left .addre{
	opacity: .6;
	margin-left: 65px;
}
.model-ro{
	width: 100%;
	height: 550px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	background: #000;
}
.model-ro ul{
	position: absolute;
	top: 0;
	left: 0;
	height: 550px;
	width: 10000px;
	z-index: 1;
}
.model-ro ul li{
	float: left;
	width: 100%;
	overflow:hidden;
}
.model-ro ul li img{
	width: auto!important;
}
.model-ro .top{
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.model-ro .top .t-bread{
	margin-top: 35px;
}
.model-ro .top .t-bread a{
	color: #fff;
	padding-right: 10px;
	
}
.model-ro .top .t-bread span{
	color: #fff;
	padding-right: 5px;
}
.model-ro .top .t-bread a:hover{
	color: #3DC094;
}
.model-ro .top .t-bread .active{
	color: #3DC094;
}
.model-ro .bottom{
	height: 130px;
	width: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	left: 0;
	 z-index: 6;
}
.model-ro .bottom .text{
	overflow: hidden;
	height: 100%;
	position: relative;
}
.model-ro .bottom .left{
	float: left;
}
.model-ro .bottom .left h2{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	margin-top: 35px;
	margin-bottom: 4px;
}
.model-ro .bottom .left .tip{
	color: #fff;
	opacity: .8;
}
.model-ro .bottom .right{
	float: right;
	margin-top: 45px;
}
.model-ro .bottom .right a{
	font-size: 16px;
	color: #fff;
	background: #3DC094;
	padding: 6px 23px;
	border-radius: 8px;
	display: inline-block;
}
.model-ro .bottom .right a:hover{
	background: #258566
}
.model-ro .m-btn{
	width: 35px;
	height: 70px;
	background: url(../images/mkodel.png) no-repeat;
	background-position: -35px 0px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	z-index: 6;
	transition: all .3s ease 0s ;
}
.model-ro .m-left{
	left: 30px;
}
.model-ro .m-right{
	right: 30px;
	background-position: -77px 0px;
}
.model-ro .m-left:hover{
	background-position: 0px 0px;
}
.model-ro .m-right:hover{
	right: 30px;
	background-position: -116px 0px;
}
.model-ro .bottom .text ol{
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -25px;
}
.model-ro .bottom .text li{
	cursor: pointer;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #fff;
	float: left;
	margin-right: 10px;
	transition: all .6s ease 0s;
}
.model-ro .bottom .text ol .active{
	background: #3DC094;
}
.model-ro .bottom .text li:hover{
	background: #3DC094;
}
.template{
	background: #f5f5f5;
	margin-bottom: 60px;
}
.template .te-reduce{
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
	margin-bottom: 25px;
	background: #fff;
}
.template .te-reduce .left{
	width: 600px;
	height: auto;
	float: left;
	
}
.template .te-reduce .left .l-img{
	width: 500px;
    height: 348px;
    overflow: hidden;
    margin-top: 35px;
    margin-left: 50px;
}
.template .te-reduce .right{
	width: 600px;
	float: right;
}
.template .te-reduce .right .text{
	width: 535px;
	margin: 0 auto;
}
.te-reduce .right .text h2{
	margin-top: 35px;
	font-size: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 20px;
}
.te-reduce .right .text .shape{
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 20px;
	overflow: hidden;
}

.te-reduce .right .text .s-content{
	float: left;
}
.te-reduce .right .s-content .top{
	color: #3DC094;
	font-size: 20px;
	padding-right: 45px;
}
.te-reduce .right .s-content .bottom{
	font-size: 14px;
	opacity: .7;
}
.te-reduce .right .s-content .top span{
	font-size: 18px;
	color: #3E3E3E;
	opacity: .8;
	padding-left: 5px;
}
.te-reduce .t-bottom{
	width: 535px;
	height: 205px;
	margin:  0 auto;
	background: #f5f5f5;
	overflow: hidden;
}
.te-reduce .t-bottom .b-img{
	width:185px ;
	height: 205px;
	overflow: hidden;
	float: left;
}
.te-reduce .t-bottom .b-right{
	width: 295px;
	height: 300px;
	margin-left: 30px;
	float: left;
}
.te-reduce .t-bottom .b-right h3{
	font-size: 20px;
	color: #3DC094;
	margin-top: 25px;
	margin-bottom: 8px;
}
.te-reduce .t-bottom .b-right .text{
	width: 100%;
	opacity: .7;
	line-height: 1.6;
}
.te-reduce .t-bottom .b-right a{
	display: inline-block;
	padding: 4px 25px;
	border: 2px solid #3DC094;
	border-radius: 10px;
	color: #3DC094;
	margin-top: 15px;
}
.te-reduce .t-bottom .b-right a:hover{
	background: #3DC094;
	color: #fff;
}
.template .te-title{
	overflow: hidden;
	margin-bottom: 15px;
}
.template .te-title .icon{
	width: 35px;
	height: 35px;
	background: #3DC094;
	border-radius: 35px;
	float: left;
}
.template .te-title .icon i{
	display: block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-image:url(../images/mkodel.png);*/
	/*background-position: -27px -72px;*/
	margin: 0 auto;
	margin-top: 2px;
}
.template .te-title .text{
	font-size: 24px;
	color: #3DC094;
	float: left;
	margin-left: 10px;
}
.template .te-list{
	margin-bottom: 40px;
}
.template .te-list .te-con{
	height: 540px;
	overflow: hidden;
	position: relative;
}
.template .te-list .te-con ul{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 540px;
	width: 10000px;
	z-index: 1;
}
.template .te-list .te-con li{
	width: 1200px;
	height: 540px;
	float: left;
}
.template .te-list .te-con .te-text{
	width: 335px;
	height: 540px;
	position: absolute;
	top: 0;
	z-index: 2;
}
.template .te-list .te-con .te-left{
	left: 0;
}
.template .te-list .te-con .content{
	position: relative;
	width: 290px;
	height: 480px;
	margin: 0 auto;
	margin-top: 25px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	left: 20px;
	border: 2px solid #fff;
	border-radius: 5px;
	border: 2px solid rgba(255,255,255,.4);
	top: 0;
}
.template .te-list .te-con .filter{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	z-index: 0;
	
}
.template .te-list .content .box{
	width: 240px;
	height: 365px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.template .te-list .te-con .text{
	width: 240px;
	position: absolute;
	top: 0;
	left: 0;
}
.template .te-list .te-con .none{
	display: none;
}
.template .te-list .te-con h3{
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin-top: 75px;
	margin-bottom: 20px;
}
.template .te-list .te-con p{
	color: #FFF;
	line-height: 1.5;
}
.te-list .te-con .content ol{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -30px;
}
.te-list .te-con .content li{
	transition: all .6s ease 0s;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #fff;
	margin-right: 10px;
	cursor: pointer;
}
.te-list .te-con .content .active{
	background: #3DC094;
}
.te-list .te-con .content li:hover{
	background: #3DC094;
}
/*Bedroom*/
.template .bedroom{
	margin-bottom: 20px;
}
.template .bedroom .icon i{
	background-position: -62px -72px;
}
.template .bedroom .te-con .te-right{
	right: 0;
}
/**Designer 设计师**/
.bankg .bg{
	width: 1200px;
	height: 445px;
	margin-bottom: 40px;
	/*background: url(../images/designer.jpg) center center no-repeat;*/
}
.desdemo{
	margin-bottom: 0px;
}
.designer .des-box{
	margin-bottom: 50px;
	overflow: hidden;
}
.designer .des-box .left{
	width: 635px;
	height: 470px;
	float: left;
	overflow:hidden;
	position: relative;
}
.designer .des-box .left .le-box{
	width: 10000px;
	height: 470px;
	position: relative;
}
.designer .des-box .left ul{
	overflow: hidden;
	width: 635px;
	float: left;
}
.designer .des-box .left li{
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	box-sizing: border-box;
	transition: all .1s ease 0s;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.designer .des-box .left .border{
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border:5px solid #3DC094;
	display: block;
	transition: all .6s ease 0s;
	opacity: 0;
	visibility: hidden;
}
.designer .des-box .left li img{
	transition: all .6s ease 0s;
	width: 100%;
}
.designer .des-box .left li:hover .border{
	opacity: 1;
	visibility: visible;
}
.designer .des-box .left li:hover img{
	-webkit-transform: scale(1.1);
}
.designer .des-box .left .text{
	background: #3DC094;
}
.designer  .left .text .iline{
	width: 200px;
	height: 145px;
	border-top: 1px solid #ccc;
	border-top: 1px solid rgba(255,255,255,.6);
	-webkit-transform: rotate(-45deg);
	position: absolute;
	top: 54px;
	left: 26px;
	z-index: 0;
}
.designer .des-box .left .text:hover{
	border: 0;
}
.designer .des-box .left .active .border{
	opacity: 1;
	visibility: visible;
}
.designer .left .text .icon{
	width: 25PX;
	height: 25PX;
	background: url(../images/desi-sum.png) no-repeat;
	background-position: -62px -49px;
	position: absolute;
	z-index: 2;
	top: 32px;
	left: 50%;
	margin-left: -12px;
	display: none;
}
.designer .m-title .m-tip h3{
	padding-right: 0;
}
.designer  .left .text .title{
	position: absolute;
	top: 55px;
	left: 31px;
	z-index: 2;
	font-size: 18px;
	background: #3DC094;
	color: #fff;
	padding-bottom: 5px;
}
.designer  .left .text .tip{
	position: absolute;
	top: 82px;
	left: 25px;
	z-index: 2;
	background: #3DC094;
	color: #fff;
	font-size: 12px;
	display: none;
	padding-bottom: 5px;
}
.designer .des-box .right{
	width: 560px;
	height: 470px;
	background: #3DC094;
	float: right;
	position: relative;
}
.designer .des-box .right ul{
	overflow: hidden;
	width: 560px;
	height: 470px;
}
.designer .des-box .right .active{
	display: block;
}
.designer .des-box .right ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.designer .des-box .right .img{
	width:240px ;
	height:470px ;
	overflow: hidden;
	float: left;
	background: #fff;
}
/*.designer .des-box .right .img img{
	height: 100%;
}*/
.designer .des-box .right .r-text{
	width: 275px;
	height: 470px;
	margin: 0 20px;
	position: relative;
	float: left;
}
.designer .des-box .r-text .tip,.designer .des-box .res_title .tip{
	color: #fff;
	opacity: .5;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;

}
.designer .des-box .res_title .tip{
	color: #12c186;
}
.designer .des-box .r-text h3,.designer .des-box .res_title h3{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.designer .des-box .res_title h3{
	color: #16bd95;
}
.designer .des-box .r-text .jieshao{
	color: #fff;
	opacity: .9;
	line-height: 1.7;
	min-height: 188px;
	font-size: 14px;
	padding:105px 0;
}
.designer .des-box .r-text .icon{
	position: absolute;	
	width: 50px;
	height: 50px;
	background: url(../images/desi-sum.png) no-repeat;
	background-position: 0px 0px;
}
.designer .des-box .r-text .icon1{
	left: 0px;
	top: 30px;
}
.designer .des-box .r-text .icon2{
	bottom: 120px;
	right: 0px;
	background-position: 0px -50px;
}
.designer .des-box .r-text a{
	border: 2px solid #fff;
	width: 100px;
	text-align: center;
	line-height: 32px;
	height: 32px;
	border-radius: 16px;
	margin: 0 auto;
	color: #fff;
	display: block;
}
.designer .des-box .r-text a:hover{
	background: #258566;
	border-color: #258566;
}
.designer .freeser{
	margin-bottom: 20px;
}
.designer .freeser i{
	background: url(../images/desi-sum.png) no-repeat;
	background-position: -97px 2px;
}
.designer .freebox{
	height: 425px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 50px;
	
}
.designer .freebox .f-left{
	height: 425px;
	float: left;
	width: 520px;
	overflow: hidden;
}
.designer .freebox .f-center{
	width: 295px;
	height: 325px;
	float: left;
	margin: 0 20px;
}
.designer .freebox .f-center h3{
	margin-top: 5px;
	font-size: 18px;
	color: #f66c01;
	font-weight: normal;
	margin-bottom: 10px;
}
.designer .freebox .f-center .yu-box{
	width: 290px;
	height: 35px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	position: relative;
	overflow: hidden;
}
.designer .freebox .f-center input{
	width: 279px;
	padding-left: 10px;
	opacity: .8;
	border: 1px solid #fff;
	position: absolute;
	top: 9px;
	left: 0;
	padding-bottom: 8px;
	outline: none;
}
.designer .freebox .f-center .f-box{
	width:100%;
	position: relative;
	height: 35px;
	margin-bottom: 16px;
}
.designer .freebox .f-center .f-box .list-s{
	width: 99%;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 35px;
	text-indent: 10px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	z-index: 0;
}
.designer .freebox .f-center .f-box .list-c,.designer .freebox .f-center .f-box .list-x{
	width: 99%;
	height: 35px;
	position: absolute;
	top: 0;
	line-height: 35px;
	text-indent: 10px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	z-index: 0;
}

.designer .freebox .f-box .li-icon{
	position: absolute;
	
	width: 20px;
	height: 20px;
	z-index: 1;
	background: url(../images/sanjiao.png) no-repeat center center;
}
.designer .freebox .f-box .li-iconr{
	top: 7px;
	right: 10px;
}
.designer .freebox .f-center select{
	width: 99%;
	height: 36px;
	outline: none;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	
}
.designer .freebox .f-box .li-iconl{
	top: 7px;
	right: 10px;
}
.designer .freebox .f-center .city{

	top: 0;
	left: 0;
}
.designer .freebox .f-center .shi{

	top: 0;
	right: 0;
}
.designer .freebox .f-center a{
	display: block;
	height: 45px;
	background: #F66C01;
	width: 290px;
	border-radius: 5px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-top: 25px;
}
.designer .freebox .f-right{
	width: 345px;
	height: 425px;
	background: #3DC094;
	float: left;
}
.designer .freebox .f-right h3{
	font-size: 18px;
	color: #fff;
	letter-spacing: 5px;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}
.designer .freebox .f-right .new{
	height: 365px;
	width: 330px;
	margin: 0 auto;
	background: #fff;
}
.freebox .f-right .new .n-box{
	width: 260px;
	margin: 0 auto;
	top: 15px;
	height: 325px;
	overflow: hidden;
	position: relative;
}
.freebox .f-right .new ul{
	position: absolute;
	top: 0;
	left: 0px;
}
.freebox .f-right .new li{
	width: 100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	line-height: 30px;
}
.freebox .f-right .new li a{
	font-size: 14px;
	opacity: .9;
}
.freebox .f-right .new li a:hover{
	color: #3DC094;
}
.designer .exsimple{
	border-bottom: 1px solid #ccc;
	height: 48px;
}
.designer .exsimple i{
	background: url(../images/desi-sum.png) no-repeat;
	background-position: -57px 1px;
}
.designer .exsimple .m-tip{
	border-bottom-color: #3DC094;
	height: 47px;
}
.designer .exsimple .m-tip h3{
	color: #3DC094;
}
.designer .exsimple{
	margin-bottom: 15px;
}
/**详细页面**/
.detailed{
	/*height: 430px;*/
	margin-bottom: 20px;
}
.detailed .d-top{
	overflow: hidden;
	/*height: 425px;*/
	background: #FFF;
	margin-bottom: 35px;
	
}
.detailed .d-center{
	background: #FFF;

}
.detailed .d-bottom{
	background: #FFF;
	
}
.detailed .d-top .left{
	width:120px;
	/*height: 425px;*/
	float: left;
	padding-right: 5px;
	background:#f5f5f5;

}
.detailed .d-top .left a{
	display: block;
	width: 120px;
	height: 21px;
	background: #3DC094;
}
.detailed .d-top .left ul{
	height: 370px;
	overflow: hidden;
}
.detailedt .d-top .left ul{
	height: 470px;
	overflow: hidden;
}
.detailed .d-top .left li{
	background:#fff;
}
.detailed .d-top li .l-img{
	width:37px;
	height:35px;
	background: url(../images/qy_small_sum.png) no-repeat;
	background-position: -27px 3px;
	margin:0 auto;
	transition:all .6s ease 0s;
	margin-top:13px;
}
.detailed .d-top li .l-i1{
	background-position: -26px -31px;
}
.detailed .d-top li .l-i2{
	background-position: -30px -71px;
}
.detailed .d-top li .l-i3{
	background-position:-30px -108px;
}
.detailed .d-top li .l-i4{
	background-position: -27px -150px;
}
.detailed .d-top li .l-i5{
	background-position: -29px -206px;
}
.detailed .d-top li .l-text{
	font-size:16px;
	opacity:.8;
	text-align:center;
	transition:all .6s ease 0s;
}
.detailed .d-top .left ul li{
	margin-bottom: 5px; 
	overflow: hidden;
	width: 120px;
	height: 90px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.detailed .d-top .left .border{
	border:2px solid #3DC094;
	position: absolute;
	top: 0;
	left: 0;
	width: 116px;
	height: 86px;
	width: calc(100% - 4px);
	height:  calc(100% - 4px);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
}
.detailed .d-top .left ul li:hover .l-i0{
	background-position:-70px 3px;
}
.detailed .d-top .left ul li:hover .l-i1{
	background-position:-70px -33px;

}
.detailed .d-top .left ul li:hover .l-i2{
	background-position:-70px -71px;

}
.detailed .d-top .left ul li:hover .l-i3{
	background-position:-70px -108px;

}
.detailed .d-top .left ul li:hover .l-i4{
	background-position:-70px -150px;

}

.detailed .d-top .left ul li:hover .l-i5{
	background-position:-72px -206px;

}

.detailed .d-top .left ul li:hover .border{
	opacity: 1;
	visibility: visible;
}
.detailed .d-top .left ul li:hover .l-text{
	color:#11c096;
}
.detailed .d-top .left ul li img{
	transition: all .3s ease 0s;
}
.detailed .d-top .left i{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/xiangxi.png) no-repeat;
	background-position: 0px 4px;
	margin: 0 auto;
}
.detailed .d-top .left .l-bottom i{
	background-position: 0px -12px;
}
.detailed .d-top .left .l-top{
	margin-bottom: 5px;
}
.detailed .d-top .left ul .active .border{
	opacity: 1;
	visibility: visible;
}
.detailed .d-top .center .active{
	visibility: visible;
	opacity: 1;
}
.detailed .d-top .center ul{
	visibility: hidden;
	opacity: 0;
}
.detailed .d-top .center .c-show{
	visibility: visible;
	opacity: 1;
}
.detailed .d-top .left ul li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);

}
.detailed .d-top .left a:hover{
	background: #258566;
}
.detailed .d-top .center{
	width: 590px;
	height:420px ;
	float: left;
	margin-right: 5px;
	position:relative;
	overflow:hidden;
}
.detailed .d-top .center.eson{
	height: 517px;
}
.detailed .d-top .center.eson ul{
	height: 100%;
}
.detailed .d-top .center.eson ul li{
	height: 100%;
}
/**20170909*/
.detailed .d-top .center .blr{
	display: block;
	height: 40px;
	width: 35px;
	position: absolute;
	top: 50%;
	
	z-index: 5;
	margin-top: -20px;
	background: #3DC094;
}
.detailed .d-top .center .btn-ll{
	left: 0;
}
.detailed .d-top .center .btn-rr{
	right: 0;
}
.detailed .d-top .center .blr:hover{
	background: #fff;
}
.detailed .d-top .center .blr i{
	display: block;
	width: 15px;
	height:25px ;
	background: url(../images/jian-lr.png) no-repeat;
	background-position: -26px -9px;
	margin: 0 auto;
	margin-top: 8px;
	transition: all .3s ease 0s;
	
}
.detailed .d-top .center .btn-rr i{
	background-position: -52px -9px;
}
.detailed .d-top .center .btn-ll:hover i{
	background-position: -8px -9px;
}
.detailed .d-top .center .btn-rr:hover i{
	background-position: -74px -9px;
}

.detailed .d-top .center ul{
	position: absolute;
	width: 10000px;
	height: 420px;
	top:0;
	left:0;
	overflow:hidden;
}
.detailed .d-top .center ul li{
	float:left;
	overflow:hidden;
	width: 590px;
	height: 420px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.detailed .d-top .right{
	width: 480px;
	height: 100%;
	overflow: hidden;
	float: left;
}
.detailed .d-top .right .content{
	width: 440px;
	height: 100%;
	margin: 0 auto;
}
.detailed .d-top .right .sumimg{
	height: auto;
	width: 330px;
	float: left;
}

.detailed .d-top .content h2{
	font-size: 20px;
	padding-top: 30px;
	margin-bottom: 15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	border-bottom:1px solid rgba(0,0,0,.1);

}
.detailed .d-top .content .tip{
	margin-bottom: 10px;
	opacity: .7;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.detailed .d-top .content .tips1{
	margin-bottom: 10px;
}
.detailed .d-top .right{
	width: 480px;
	/*height: 425px;*/
	overflow: hidden;
	float: left;
}
.detailed .d-top .right .sumimg{
	
	margin-bottom: 10px;
}
.detailed .d-top .right .sumimg li{
	float: left;
	position: relative;
	margin-right: 15px;
	width: 70px;
}
.detailed .d-top .right .sumimg li:nth-child(4n){
	margin-right: 0px;
}
.detailed .d-top .right .sumimg i{
	display: inline-block;
	width: 70px;
	height: 40px;
	float: left;
	background: #000;
	margin-bottom: 5px;
}
.detailed .d-top .right .content{
	width: 440px;
	height: auto;
	margin: 0 auto;
}
.detailed .d-top .content h2{
	font-size: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}
.detailed .d-top .content .tip{
	margin-bottom: 10px;
	opacity: .7;
	display: none;
}
.detailed .d-top .content .tip pre{
	font-family: "melbourneregular",Arial,"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.detailed .d-top .content .select{
	height: 210px;
	overflow: hidden;
	margin-bottom: 5px;
}
.detailed .d-top .content .select1{
	margin-bottom: 0px;
}
.detailed .d-top .select .s-left{
	float: left;
}
.detailed .d-top .select .s-right{
	float: left;
	width: 310px;
	overflow: hidden;
}
.detailed .d-top .s-right li{
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
}
.detailed .d-top .s-right img{
	padding-bottom: 2px;
}
.detailed .d-top .s-right .active{
	border-color: #F66C01;
	opacity: 1;
}
.detailed .d-top .s-right .active i{
	width: 19px;
	height: 11px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/xiangxi.png) no-repeat;
	background-position: -21px -6px;
}
.detailed .d-top .checked{
	width: 100%;
	border: 3px solid #3DC094;
	height: 50px;
	transition: all .6s ease 0s;
}
.detailed .d-top .checked a{
	display: block;
	width: 430px;
	height: 40px;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	background: #3DC094;
	text-align: center;
	line-height: 40px;
	margin-top: 5px;
}
.detailed .d-top .checked:hover{
	border-color: #258566;
}
.detailed .d-top .checked:hover a{
	background: #258566;
}
/**
	2017-09-09 update
*/
.detailed .d-top .content .huxing{
	overflow:hidden;
	margin-bottom:15px;
}
.detailed .d-top .content .hu1{
	margin-bottom: 8px;
}
.detailed .d-top .content .h-img{
	width:20px;
	height:20px;
	border-radius:20px;
	float:left;
	background:#11c096;
	margin-right:10px;
}
.detailed .d-top .h-img i{
	width:15px;
	height:15px;
	background: url(../images/qy_small_sum.png) no-repeat;
	background-position: 1px 1px;
	display:block;
	margin:0 auto;
	margin-top:2px;
}
.detailed .d-top .content .huxing3{
	margin-bottom:113px;
}
.detailed .d-top .huxing2 i{
	background-position: 2px -10px;
}
.detailed .d-top .huxing3 i{
	background-position: 1px -25px;
}
.detailed .d-top .h-text{
	width: calc(100% - 30px);
	float:left;

}
.detailed .d-top .checked{
	width: 100%;
	border: 3px solid #3DC094;
	height: 50px;
	transition: all .6s ease 0s;
}
.detailed .d-top .checked a{
	display: block;
	width: 430px;
	height: 40px;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	background: #3DC094;
	text-align: center;
	line-height: 40px;
	margin-top: 5px;
}
.detailed .d-top .checked:hover{
	border-color: #258566;
}
.detailed .d-top .checked:hover a{
	background: #258566;
}
.detailed .m-title h3{
	padding-right: 0;
}
.detailed .d-center .m-tip i{
	background: url(../images/xiangxi.png) no-repeat;
	background-position: 1px -31px;
	height: 37px;

}
.detailed .d-center .m-title{
	margin-bottom: 20px;
}
.detailed .d-center .d-list{
	height: 195px;
	overflow: hidden;
	margin-bottom: 35px;
	
}
.detailed .d-center .d-list a{
	width: 285px;
	overflow: hidden;
	height: 195px;
	display: block;
	float: left;
	margin-right: 20px;
	position: relative;
	color: #3E3E3E;
}
.detailed .d-center .d-list a>img{
	transition: all .6s ease 0s;
}
.detailed .d-center .d-list .o-q-m{
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	background: #fff;
	transition: all .6s ease 0s;
	top: 10px;
}
.detailed .d-center .d-list .o-q-m-0{
	width: 75px;
	right: 25px;
}
.detailed .d-center .d-list .o-q-m-1{
	right: 144px;
	letter-spacing: 5px;
	text-indent: 5px;
}
.detailed .d-center .d-list .o-q-m-2{
	right: 110px;
	letter-spacing: 5px;
	text-indent: 5px;
}
.detailed .d-center .d-list .o-q-m-3{
	right: 178px;
	letter-spacing: 5px;
	text-indent: 5px;
}
.detailed .d-center .d-list .text{
	height: 35px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.detailed .d-center .d-list .text .filter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 0;
}
.detailed .d-center .d-list .text>div{
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	transition: all .6s ease 0s;
	position: absolute;
	bottom: 0;
	left: 20px;
	z-index: 4;
}
.detailed .d-center .d-list a:hover .o-q-m{
	color: #fff;
	background: #3DC094;
}
.detailed .d-center .d-list a:hover .text>div{
	color: #3DC094;
}
.detailed .d-center .d-list a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.detailed .d-bottom .m-tip i{
	background: url(../images/xiangxi.png) no-repeat;
	background-position: -38px -31px;
	height: 37px;
}
.detailed .d-bottom .content ul{
	width: 1030px;
	margin: 0 auto;
	height: 560px;
	overflow: hidden;
	position: relative;
	margin-bottom: 100px;
}
.detailed .d-bottom .content li{
	position: absolute;
	top: 0;
	left: 0;
}
.detailed .d-bottom .content .active{
	opacity: 1;
}
.detailed .d-bottom .content{
	padding-bottom: 20px;
}
.detailed .d-bottom .content img{
	display: inline-block;
	width: 80% !important;
}
.detailed .d-bottom .list{
	overflow: hidden;
	padding-bottom: 60px;
}
.d-bottom .list ul{
	float: left;
	margin-left: 380px;
}

.d-bottom .list li{
	float: left;
	cursor: pointer;
	margin-right: 60px;
}
.d-bottom .list li .img{
	width: 100px;
	height: 60px;
	margin-bottom: 5px;
	overflow: hidden;
}
.d-bottom .list li .text{
	text-align: center;
	padding-bottom: 10px;
	transition: all .3s ease 0s;
}
.d-bottom .list .active .text{
	border-bottom: 3px solid #3DC094;
}
.d-bottom .list li:hover .text{
	border-bottom: 3px solid #3DC094;
}
/**售后服务*/
.cous-ban .bg{
	height: 375px;
	background: url(../images/houbanner.jpg) center center no-repeat;
}

.customer {
	margin-bottom: 60px;
}
.customer .c-title{
	margin-bottom: 30px;
}
.customer .c-title .icon{
	width: 51px;
	background: url(../images/hou.png) no-repeat;
	background-position: -3px -3px;
	height: 51px;
	margin: 0 auto;
	margin-bottom: 8px;
}
.customer .c-title .title{
	width: 100%;
	height: 45px;
	margin-bottom: 8px;
	border-bottom: 3px solid #ccc;
	border-bottom: 3px solid rgba(0,0,0,.1);
}
.customer .c-title .title h2{
	width: 315px;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 2px;
	height: 45px;
	border-bottom: 3px solid #3DC094;
	margin: 0 auto;
}
.customer .c-title .tip{
	text-align: center;
	font-size: 26px;
	color: #3DC094;
}
.customer .c-content{
	height: 600px;
	overflow: hidden;
	margin-bottom: 60px;
}
.customer .c-content .c-con{
	height: 600px;
	width: 395px;
	position: relative;
	background: #000;
	float: left;
	margin-right: 7px;
	cursor: pointer;
}
.customer .c-content .c-con .img{
	width: 395px;
	height: auto;
	position: absolute;
	top: -50px;
	z-index: 1;
	left: 0px;
}
.customer .c-content .c-con .num{
	width: 100%;
	text-align: center;
	font-size: 98px;
	color: #ff9600;
	position: absolute;
	top:19px;
	left: 0px;
	z-index: 2;
}
.customer .c-content .c-con .text{
	width: 100%;
	text-align: center;
	font-size: 26px;
	color: #fff;
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 2;
}
.customer .c-content .c-con .con{
	width: 100%;
	height: 355px;
	position: absolute;
	top: 195px;
	left: 0px;
	z-index: 3;
	background: #fff;
	overflow: hidden;
	padding-top: 50px;
}
.customer .c-con .con .c-server{
	width: 65px;
	margin: 0 33px;
	float: left;
	margin-top: 50px;
}
.customer .c-con .con .c-icon{
	width: 65px;
	height: 55px;
	background: url(../images/hou.png) no-repeat;
	background-position: 0px -56px;
	margin-bottom: 5px;
}
.customer .c-con .con .c-text{
	text-align: center;
	opacity: .6
}
.customer .c-content .c-con .icon{
	width: 34px;
	height: 34px;
	background: #fff;
	position: absolute;
	top: 179px;
	left: 50%;
	margin-left: -17px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 3;
}
.customer .c-con .c-server .icon2{
	background-position: 0px -117px;
}
.customer .c-con .c-server .icon3{
	background-position: 0px -178px;
}

.customer .c-content .five{
	margin-right: 0;
}
.customer .c-content .six .icon1{
	background-position: -193px -5px;
}
.customer .c-content .six .icon2{
	background-position: -193px -68px;
}
.customer .c-content .six .icon3{
	background-position: -193px -130px;
}
.customer .c-content .six .icon4{
	background-position: -193px -193px;
}
.customer .c-content .six .icon5{
	background-position: -193px -259px;
}
.customer .c-content .six .icon6{
	background-position: -193px -321px;
}

.customer .c-content .five .icon1{
	background-position: -256px -5px;
}
.customer .c-content .five .icon2{
	background-position: -256px -67px;
}
.customer .c-content .five .icon3{
	background-position: -256px -129px;
}
.customer .c-content .five .icon4{
	background-position: -256px -190px;
}
.customer .c-content .five .icon5{
	background-position: -256px -253px;
}
.customer .c-content .c-con:hover .num{
	color: #3DC094;
	
}
.customer .c-content .c-con:hover .c-text{
	color: #fff;
	opacity:1;
}
.customer .c-content .c-con:hover .icon{
	background: #3DC094;
}
.customer .c-content .c-con:hover .con{
	background: #3DC094;
}
.customer .c-content .three:hover .icon1{
	background-position: -64px -56px;
}
.customer .c-content .three:hover .icon2{
	background-position: -64px -117px;
}
.customer .c-content .three:hover .icon3{
	background-position: -64px -178px;
}
.customer .c-content .six:hover .icon1{
	background-position: -131px -5px;
}
.customer .c-content .six:hover .icon2{
	background-position: -131px -68px;
}
.customer .c-content .six:hover .icon3{
	background-position: -131px -130px;
}
.customer .c-content .six:hover .icon4{
	background-position: -131px -193px;
}
.customer .c-content .six:hover .icon5{
	background-position: -131px -259px;
}
.customer .c-content .six:hover .icon6{
	background-position: -131px -321px;
}
.customer .c-content .five:hover .icon1{
	background-position: -321px -5px;
}
.customer .c-content .five:hover .icon2{
	background-position: -321px -67px;
}
.customer .c-content .five:hover .icon3{
	background-position: -321px -129px;
}
.customer .c-content .five:hover .icon4{
	background-position: -321px -190px;
}
.customer .c-content .five:hover .icon5{
	background-position: -321px -253px;
}
.customer .c-baozhang{
	margin-bottom: 60px;
}
.customer .c-baozhang .icon{
	background-position: -66px 1px;
}
.customer .c-baozhang .title h2{
	width: 190px;
	
}
.customer .baozhang{
	overflow: hidden;
	background: #fff;
	margin-bottom: 40px;
}
.customer .baozhang .ba-box{

}
.customer .baozhang .ba-box:after{
	clear: both;
	display: block;
	content: '';
}
.customer .baozhang .b-con{
	width: 370px;
	height: 325px;
	overflow: hidden;
	float: left;
}
.customer .baozhang .rnone{
	border-right: 0;
}
.customer .baozhang .bnone{
	margin-bottom: 30px;
	border-bottom: 0;
}
.customer .baozhang .b-con .line{
	width: 1px;
	height: 1px;
	background: transparent;
	margin: 0 auto;
	margin-bottom: 20px;

}
.customer .baozhang .b-con .line1{
	width: 50px;
	height: 1px;
	background: #000;
	margin: 0 auto;
	margin-bottom: 45px;
}
.customer .baozhang .b-con .icon{
	width: 65px;
	height: 70px;
	background:url(../images/hou.png) no-repeat;
	background-position: 0px -238px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 15px;
}
.customer .baozhang .b-con h2{
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 10px 0 10px 0;
}
.customer .baozhang .b-con .text{
	width: 260px;
	margin: 0 auto;
	line-height: 1.8;
	opacity: .6
}
.customer .baozhang .b-con .icon1{
	background-position: 0px -236px;
}
.customer .baozhang .b-con .icon2{
	background-position: 0px -302px;
}
.customer .baozhang .b-con .icon3{
	background-position: -65px -253px;
}
.customer .baozhang .b-con .icon4{
	background-position: 0px -375px;
}
.customer .baozhang .b-con .icon5{
	background-position: -75px -373px;
}
.customer .baozhang .b-con .icon6{
	background-position: -153px -388px;
}
.customer .repair{
	overflow: hidden;
}
.customer .repair .left{
	width: 600px;
	height: 465px;
	float: left;
}
.customer .repair .right{
	background: #3DC094;
	float: right;
	width: 600px;
	height: 465px;
	overflow: hidden;
}
.customer .repair .right .r-left{
	width: 215px;
	height: 400px;
	float: left;
	margin: 30px 28px 0 28px;
}
.customer .repair .r-left h2{
	font-size: 26px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20PX;
}
.customer .repair .r-left .r-img{
	width: 205px;
	height: 100px;
	background: url(../images/hou.png) no-repeat;
	background-position: -180px -484px;
	margin-bottom: 183PX;
}
.customer .repair .r-left .r-icon{
	width: 56px;
	height: 56px;
	background: url(../images/hou.png) no-repeat;
	background-position: -313px -349px;
}
.customer .repair .r-right{
	width: 300px;
	height: 400px;
	float: left;
	margin-top: 30px;
}
.customer .repair .r-right .re-box{
	width: 297px;
	overflow: hidden;
	height: 35px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	margin-bottom: 20px;
	background: #fff;
	position: relative;
}
.customer .repair .r-right input{
	width: 280px;
	padding-left: 15px;
	border: 1px solid #fff;
	outline: none;
	position: relative;
	background: #fff;
	padding-bottom: 8px;
	top: 9px;
	left: 0;
}
.customer .repair .r-right .a-con{
	width: 297px;
	height: 100px;
	margin-bottom: 23px;
	overflow: hidden;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
}
.customer .repair .r-right textarea{
	resize: none;
	width: 280px;
	height: 100px;
	padding-left: 15px;
	line-height: 30px;
	outline: none;
	background: #fff;
	font-family:'微软雅黑';
	border: 1px solid #fff;
}
.customer .repair .r-right button{
	width: 300px;
	height: 40px;
	background: #F66C01;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	letter-spacing: 2px;
	color: #fff;
	cursor: pointer;
	transition: all .6s ease 0s;
	border: 0;
	outline: none;
}
.customer .repair .r-right button:hover{
	background: #258566;
}
/**设计师介绍**/
.introduce{
	height:530px ;
	width: 100%;
	margin-top: 0;
	background: url(../images/desibanner.jpg) center center no-repeat;
	overflow: visible;
	margin-bottom: 200px;
}
.introduce .bread{
	color: #fff;
}
.introduce .bread a{
	color: #fff;
	opacity: .9;
}
.introduce .incon{
	height: 530px;
	position: relative;
}
.introduce .incon .bread{
	padding-top: 30px;
	margin-bottom: 60px;
}
.introduce .incon .in-text{
}
.introduce .incon .in-text h5{
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
}
.introduce .incon .in-text .in-tip{
	text-align: center;
	color: #FFF;
	font-size: 18px;
}
.introduce .detaile{
	height: 300px;
	background: #fff;
	width: 100%;
	position: absolute;
	bottom: -150px;
	left: 0px;
}
.introduce .detaile .d-img{
	width: 340px;
	height: 600px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	bottom: 0;
}
.introduce .detaile .uname{
	width: 230px;
	position: absolute;
	top: 50px;
	left: 425px;
}
.introduce .detaile .uname h4{
	font-weight: normal;
	font-size: 24px;
	color: #3DC094;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 15px;
}
.introduce .detaile .uname .text{
	opacity: .9;
	margin-bottom: 5px;
	line-height: 1.5;
}
.introduce .detaile .uname a{
	display: inline-block;
	width: 100px;
	color: #3DC094;
	height: 30px;
	border: 1px solid #3DC094;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	margin-top: 30px;
}
.introduce .detaile .uname a:hover{
	color: #fff;
	background: #3DC094;
}
.introduce .detaile .uname .appo{
	margin-right: 22px;
}
.introduce .detaile .designv{
	width: 435px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 15px;
	position: absolute;
	right: 40px;
	top: 74px;
}
.introduce .detaile .designv .top{
	width: 120px;
	height: 30px;
	background: #fff;
	position: absolute;
	top: -17px;
	left: 50%;
	overflow: hidden;
	margin-left: -80px;
	padding: 0 20px;
}
.introduce .designv .top .icon{
	width: 30px;
	height: 30px;
	background: url(../images/icon-desi.png) no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-right: 10px;
}
.introduce .designv .top .text{
	font-size: 24px;
	color: #F35321;
}
.introduce .designv p{
	width: 385px;
	margin: 0 auto;
	padding: 30px 0;
	line-height: 1.5;
	opacity: .6;
	
}
.in-content .in-title{
	margin-bottom: 25px;
}
.in-content .in-title i{
	background: url(../images/icon-desi.png) no-repeat;
	background-position: -43px 2px;
}
.in-content .in-title .m-tip h3{
	padding-right: 0;
}
.in-content .in-banner{
	position: relative;
	width: 1000px;
	height: auto;
	float: right;
}
.in-content .in-banner ul{
	height: 575px;
	width: 1000px;
	overflow: hidden;
	position: relative;
}
.in-content .in-banner ul li{
	height: 575px;
	width: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 0;
	display: none;
}
.in-content .in-banner ul li img{
	width: 720px !important;
	height: 575px;
}
.in-content .in-banner ul .active{
	display: block;
	z-index: 5;
}
.in-content .in-banner .desisaid{
	width: 280px;
	height: 575px;
	position: absolute;
	top: 0;
	right: 0px;
}
.in-content .in-banner .desisaid .filter{
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	background: #258566;
	z-index: 0;
}
.in-content .in-banner .desisaid h3{
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	width: 240px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 55px;
}
.in-content .in-banner .desisaid p{
	position: relative;
	z-index: 2;
	width: 242px;
	line-height: 1.8;
	color: #fff;
	opacity: .8;
	margin: 0 auto;
}
.in-content .in-banner .sel{
	position: absolute;
	bottom: 25px;
	overflow: hidden;
	left: 50%;
	margin-left: -100px;
	z-index: 10;
}
.in-content .in-banner .sel li{
	width: 40px;
	height: 6px;
	background: #fff;
	float: left;
	margin-right: 15px;
	cursor: pointer;
	transition: all .6s ease 0s; 
}
.in-content .in-banner .sel li:hover{
	background: #F35321;
}
.in-content .in-banner .sel .active{
	background: #F35321;
}
.in-content .show{
	overflow: hidden;
	float: left;
	width: 180px;
}
.in-content .show li{
	float: left;
	width: 180px;
	overflow: hidden;
	cursor: pointer;
	height: auto;
	border:3px solid transparent;
	box-sizing: border-box;
	transition: all .6s ease 0s;
	margin-bottom: 10px;
}
.in-content .show li:hover{
	border-color: #3DC094;

}
.in-content .show .active{
	border-color: #3DC094;
}
/**20170925 修改*/
.selects{
	overflow: hidden;
}
.selects span{
	float: left;
	line-height: 45px;
	padding-left: 0px;
	margin-right:10px;
}
.selects .imgs{
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.3);
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	width: 45px;
}
.selects .active{
	border-color: #F66C01;
	opacity: 1;
}
.selects .active i{
	width: 19px;
	height: 11px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/xiangxi.png) no-repeat;
	background-position: -21px -6px;
}
.yuyue .m-tip h3{
	padding-right: 0;
}
.yuyue .m-tip i{
	background: url(../images/icon-desi.png) no-repeat;
	background-position: -92px 2px;
}
.in-content li img{
	transition: all .6s ease 0s;
}
.in-content ol li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*底部 footer*/
.footer{
	background: #258566;
	overflow: hidden;
}
.footer .top{
	background: #f5f5f5;
	height: 100px;
	margin-bottom: 0px;
}
.footer .top ul{
	overflow: hidden;
	float: left;
	width: 930px;
	height: 100px;
}
.footer .top li{
	float: left;
	margin-right:30px;
}
.footer .top li .c-img{
	width: 30px;
	height:32px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -237px -332px;
	float:left;
	margin-top: 34px;
	margin-right: 10px;
}
.footer .top li .right{
	float: left;
}
.footer .top li h4{
	font-size: 14px;
	height: 18px;
 	padding-top: 30px;
}
.footer .top .con1 .c-img{
	background-position: -269px -329px;
}
.footer .top .con2 .c-img{
	background-position: -304px -328px;
}
.footer .top .con3 .c-img{
	background-position: -337px -328px;
}
.footer .top .con4 .c-img{
	background-position: -370px -325px;
}
.footer .top .con5 .c-img{
	background-position: -230px -367px;
}
.footer .top li .text{
	opacity: .6;
	font-size: 12px;
}
.footer .top .tel{
	height: 60px;
	border-left: 1px solid #ccc;
	border-left: 1px solid rgba(0,0,0,.1);
	float: right;
	padding-left: 25px;
	margin-top: 20px;
	width: 230px;
	
	
}
.footer .top .tel .tip{
	text-align: right;
	line-height: 25px;
	letter-spacing: 2px;
}
.footer .top .tel .icon{
	width: 26px;
	height: 26px;
	background: url(img/icon-sum.png) no-repeat;
	background-position: -270px -368px;
	float: left;
	margin-left: 36px;
	margin-right: 6px;
	
}
.footer .top .tel .tip{
	float: left;
	font-size: 20px;
	color: #EA5404;
	width: 100%;
}
.footer .top .tel .tip:after{
	clear: both;
	display: block;
	content: '';
}
.footer .top .tel .phone{
	font-size: 26px;
	color: #EA5404;
	text-align: right;
}
.footer .f-server{
	border-bottom: 1px solid #f2f2f2;
	border-bottom: 1px solid rgba(255,255,255,.3);
	overflow: hidden;
	height: 70px;
	width: 100%;
	
}
.footer .f-server .l-tip{
	float: left;
	font-size: 14px;
	color: #fff;
	opacity: .8;
	line-height: 90px;
	margin-right: 60px;
}
.footer .f-server .right{
	
	float: right;
	margin-top: 10px;
}
.footer .f-server .right a{
	display: block;
	width: 200px;
	height: 60px;
}
.footer .f-server .right a img{
	width: 100%;
}
.footer .center{
	margin-bottom:20px;
	overflow: hidden;
	position: relative;
}
.footer .center .ce-text{
	width: 100px;
	float: left;
	margin-right: 29px;
	
}
.footer .center .ce-text a{
	display: block;
	margin-top: 15px;
	color: #fff;
	opacity: .7;
		
}
.footer .center .diybox{
	margin-left: 2px;
	margin-right: 0px;
}
.footer .center .xiu{
	margin-left: 8px;
	margin-right: 0;
}
.footer .center .huo{
	margin-left: 19px;
}
.footer .center .ce-text a:hover{
	opacity: .7;
}
.footer .center .right{
	float: right;
	margin-top: 31px;
}
.footer .center .right .r-img{
	width: 120px;
	height: 135px;
	text-align: center;
	margin-left: 48px;
	padding-top: 7px;

}
.footer .center .r-img img{
	margin: 0 auto;
}
.footer .center .r-img span{
	opacity: 0.7;
    font-size: 14px;
    display: block;
    color: #fff;
    width: 150px;
    margin-left: -15px;
    margin-top: 5px;
}
.footer .center .t-f-e{
	opacity: .7;
	color: #fff;
	text-align: right;
	line-height: 20px;
}
.footer .center .tel{
	margin-top: 31px;
	
}
.footer .center .youqing{
	position: absolute;
	bottom: 0;
	left: 0;
}
.footer .center .youqing a{
	display: inline-block;
	width: 85px;
	height: 20px;
	border:1px solid #FFF;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	opacity: .5;
	margin-right: 25px;
	line-height: 20px;
}
.footer .center .youqing a:hover{
	opacity: .8;
}
.footer .bottom{
	border-top: 1px solid #f2f2f2;
	border-top: 1px solid rgba(255,255,255,.3);
}
.footer .bottom .copy{
	font-size: 12px;
	color: #fff;
	opacity: .5;
	float: left;
	line-height: 40px;
}
.footer .bottom .copy a{
	display: block;
	margin-top: -20px;
	color: #fff;
	font-size: 12px;
}
.footer .bottom .comp{
	float: right;
	margin: 10px 0;
	
}
.footer .bottom .comp .text-z{
	text-align: right;
	color: #fff;
	font-size: 12px;
	opacity: .7;
}
.footer .bottom .comp .text-en{
	text-align: right;
	color: #fff;
	font-size: 12px;
	opacity: .5;
}
.side{
	position: fixed;
	right: 30px;
	width: 60px;
	height: 200px;
	z-index:100;
	margin-top:-100px;
	top: 50%;
}
.side .s-com{
	display: block;
	width: 39px;
	height: 39px;
	background: #3DC094;
	line-height: 39px;
	text-align: center;
	color: #FFF;
	position: relative;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 15px;
}
.side .room{
	line-height: 14px;
	padding: 5px 0;
	height: 29px;
}
.side .consultation .img{
	width: 20px;
	height: 25px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -211px -15px;
	position: absolute;
	left: -27px;
	top: 15px;
	-webkit-animation:topbs 2s infinite linear;
	-ms-animation:topbs 2s infinite linear;
	-o-animation:topbs 2s infinite linear;
	-moz-animation:topbs 2s infinite linear;
	animation:topbs 2s infinite linear;
}
/**动画,箭头动起来*/
@-webkit-keyframes topb {
    0%{
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
    25%{
       -webkit-transform: translateY(-10px);
       -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
       -moz-transform: translateY(-10px);
       transform: translateY(-10px);
    }
    50%{
    	-webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
    75%{
       -webkit-transform: translateY(10px);
       -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
       -moz-transform: translateY(10px);
       transform: translateY(10px);
    }
    100%{
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
}
@-webkit-keyframes topbs {
    0%{
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
    25%{
       -webkit-transform: translateY(-5px);
       -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
       transform: translateY(-5px);
    }
    50%{
    	-webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
    75%{
       -webkit-transform: translateY(5px);
       -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
       -moz-transform: translateY(5px);
       transform: translateY(5px);
    }
    100%{
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       -moz-transform: translateY(0);
       transform: translateY(0);
    }
}
.side .room .img{
	width:35px;
	height: 35px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -251px -7px;
	position: absolute;
	left: 41px;
	top: 13px;
	-webkit-animation:topb 3s infinite linear;
	-ms-animation:topb 3s infinite linear;
	-o-animation:topb 3s infinite linear;
	-moz-animation:topb 3s infinite linear;
	animation:topb 3s infinite linear;
}
.side .s-com:hover{
	background: #258566;
}
.side .appoint{
	background: #f35321;
}
.side .backtop{
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto;
	background: url(../img/icon-sum.png) center center no-repeat;
	background-position: -59px -1px;
	opacity: 0;
	visibility: hidden;
}
.side .backtop:hover{
	background-position: -59px -30px;
}
.side .active{
	opacity: 1;
	visibility: visible;
}
/**弹出预约框**/
.eject{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 1000;
}
.eject .e-opacity{
	background: #000;
	opacity: .6;
	filter:aplha(opacity=60);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.eject .e-box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.eject .e-box .w1200{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -310px;
}
.eject .e-box .ej-top{
	width: 410px;
	height: 150px;
	background: #3DC094;
	border-radius: 15px 15px 0 0;
	margin: 0 auto;
	position: relative;
}
.eject .e-box .ej-top .close{
	width: 28px;
	height: 28px;
	background:url(../images/close-top.png) no-repeat;
	position: absolute;
	right: 15px;
	top: 15px;
	opacity: .6;
	cursor: pointer;
	transition: all 1s ease 0s;
}
.eject .e-box .ej-top .close:hover{
	opacity: 1;
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.eject .e-box .ej-top .e-icon{
	width: 46px;
	height: 46px;
	background: url(../images/eject.png) no-repeat center center;
	margin: 0 auto;
	position: relative;
	top: 45px;
}
.eject .e-box .ej-top h3{
	font-size: 24px;
	color: #fff;
	opacity: .9;
	text-align: center;
	position: relative;
	top: 55px;
	font-weight: normal;
}
.eject .e-box .ej-bottom{
	width: 410px;
	height: 470px;
	background: #fff;
	border-radius: 0 0 15px 15px;
	margin: 0 auto;
	position: relative;
}
.eject .e-box .ej-bottom .a-left{
	position: absolute;
	top: 20px;
	margin-left: -153px;
	left: 50%;
	width: 306px;
}
.eject .e-box .ej-bottom  a{
	display: inline-block;
	padding: 14px 50px;
	border:5px solid #3DC094;
	text-align: center;
	font-size: 18px;
	color: #3DC094;
	font-weight: 600;
	letter-spacing: 5px;
	position: absolute;
	top: 370px;
	left: 50%;
	margin-left: -153px;
}
.eject .e-box .ej-bottom  a span{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: normal;
	opacity: .5;
	color: #3E3E3E;
}
.eject .e-box .ej-bottom  a:hover{
	background: #3DC094;
	color: #fff;
}
.eject .e-box .ej-bottom  a:hover span{
	color: #fff;
	opacity: .7;
}
/*20171014 lzxdiy*/
.diybg .bg{
	background-image:url(../images/diyb.jpg) ;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.diyban{
	background: #fff;
	padding: 15px 0;
	padding-bottom: 10px;
}
.diyban .m-title i{
	margin-top: 5px;
	background-position: -267px -89px;
}
.diyban .m-right ul li{
	float: left;
	position: relative;
	margin:0 15px;
}
.diyban .m-right ul li:after{
	position: absolute;
	top:30%;
	right: -15px;
	height: 40%;
	width: 2px;
	color: #3E3E3E;
	background: rgba(0,0,0,.3);
	display: block;
	content: '';
}
.diyban .m-right ul .disno:after{
	display: none;
}
.diyban .m-right ul li a:hover{
	color: #3dc094;
}
.diyban .des-box{
	position: relative;
	margin-bottom: 20px;
}
.diyban .des-box .contents{
	width: 1100px;
	overflow: hidden;
	margin: 0 auto;
}
.diyban .des-box .desbtn{
	position: absolute;
	top: 50%;
	margin-top: -23px;
	width: 25px;
	height: 45px;
	background-image: url(../img/icon-sum.png);
	background-position: -262px -237px;
	cursor: pointer;
	margin-left: 10px;
	transition: all .6s ease 0s;
}
.diyban .des-box .right-s{
	background-position: -295px -237px;
	right: 10px;
}
.diyban .des-box .desbtn:hover{
	background-color: #f5f5f5;
}
.diyban .des-box .contents ul{
	width: 10000px;
	position: relative;
	top: 0;
	left: 0;
}
.diyban .des-box .contents li{
	width: 270px;
	border: 3px solid rgba(0,0,0,.1);
	box-sizing: border-box;
	float: left;
	margin-left: 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.diyban .des-box .contents .active{
	border-color: #3DC094;
}
.diyban .des-box .contents li .opac{
	height: 40px;
	width: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-indent: 10px;
	transition: all .6s ease 0s;
}
.diyban .des-box .contents li .tips{
	padding: 2px 10px;
	border-radius: 100px;
	background: #3DC094;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 10px;
}
.diyban .des-box .contents .active .opac{
	color: #3DC094;
}
.diyban .des-box .contents li img{
	transition: all .6s ease 0s;
}
.diyban .des-box .contents li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.diyban .des-box .contents li:hover .opac{
	color: #3DC094;
}
.diytts{
	background: #f5f5f5;
}
.diytts .m-title i{
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -224px -89px;
}
.diycon .top li{
	float: left;
	cursor: pointer;
	margin-right: 10px;
	font-size: 16px;
	padding: 10px 20px;
}
.diycon .top li i{
	display: inline-block;
	width:20px;
	height: 20px;
	background: url(../img/icon-sum.png) no-repeat;
	background-position: -168px -238px;
	position: relative;
	top: 5px;
	margin-right: 5px;
	transition: all .6s ease 0s;
}
.diycon .top li span{
	transition: all .6s ease 0s;
}
.diycon .top .db i{
	background-position: -199px -238px;
}
.diycon .top .qz i{
	background-position: -231px -238px;
}
.diycon .top .active{
	background: #fff;
	color: #3DC094;
}
.diycon .top .active .db1{
	background-position: -199px -260px;
}
.diycon .top .active .qz1{
	background-position: -231px -260px;
}
.diycon .top .active .bc1{
	background-position: -168px -260px;
}
.diycon .top .db:hover i{
	background-position: -199px -260px;
}
.diycon .top .qz:hover i{
	background-position: -231px -260px;
}
.diycon .top .bc:hover i{
	background-position: -168px -260px;
}
.diycon .top li:hover span{
	color: #3DC094;
}
.diycon .content {
	background: #fff;

}
.diycon .content .left{
	float: left;
}
.diycon .content .left li{
	width: 160px;
	cursor: pointer;
	margin: 20px;
}

/**diy
 * 20171015
 * 
 * ***/
.diycon ol>li{
	display: none;
}
.diycon ol>.active{
	display: block;
}
.diycon .content .left li .text{
	margin: 10px 0;
	text-align: center;
}
.diycon .content .left ul{
	display: none;
}
.diycon .content .left .active{
	display: block;
}
.diycon .content .left ul li img{
	border: 2px solid transparent;
	box-sizing: border-box;
}
.diycon .content .left ul .active img{
	border: 2px solid #3DC094;
	box-sizing: border-box;
}
.diycon .content .left ul .active .text{
	color: #3DC094;
}
.diycon .content .right{
	padding: 20px 50px;
	float: left;
	width: 900px;
	position: relative;
	height: 100%;
}
.diycon .content .right .load{
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 50%;
	display: none;
	-webkit-animation:rotates 2s infinite linear;
	-ms-animation:rotates 2s infinite linear;
	-o-animation:rotates 2s infinite linear;
	-moz-animation:rotates 2s infinite linear;
	animation:rotates 2s infinite linear;
}
.diycon .content .right .diy_img{
	width: 900px;
	position: absolute;
	top: 20px;
	left: 50px;
	z-index: 0;
}
@-webkit-keyframes rotates {
    0%{
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       -moz-transform: rotate(0);
       transform: rotate(0);
    }
    100%{
       -webkit-transform: rotate(-360deg);
       -ms-transform: rotate(-360deg);
       -o-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
       transform: rotate(-360deg);
    }
}
.diycon .content .right .imgcon{
	width: 100%;
	height: 100%;
	display: none;
}
.diycon .content .right .btn-diy{
	position: absolute;
	right: 60px;
	padding: 5px 25px;
	border-radius: 100px;
	background: #ccc;
	cursor: pointer;
	color: #fff;
	transition: all .6s ease 0s;
}
.diycon .content .right .btn-diy i{
	background: url(../img/icon-sum.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-position: -130px -240px;
	position: relative;
	top: 3px;
}
.diycon .content .right .diy-cx{
	top: 40px;
}
.diycon .content .right .diy-hf{
	top: 80px;
}
.diycon .content .right .diy-hf i{
	background-position: -130px -263px;
}
.diycon .content .right .btn-diy:hover{
	background: #3DC094;
}
.diycon .content .right .diy-yy{
	position: absolute;
	right: 60px;
	bottom: 60px;
	padding: 5px 25px;
	cursor: pointer;
	background: #ccc;
	border-radius: 5px;
	transition: all .6s ease 0s;
	color: #fff;
}
.diycon .content .right .diy-yy:hover{
	background: #3DC094;
}
.diycon .content .right .w100{
	width: 100%!important;
	margin: 0 auto;
}
.diycon .content .right .w200{
	width: 200px!important;
	margin: 200px auto;
}
.detailed .d-top .right .sumimg li>span{
	position: relative;
	left: 0px;
	bottom: 0px;
	line-height: 15px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #3e3e3e;
	padding: 0px;
	margin: 0px;
}

.template .te-list .te-con .t-left{
	width: 800px;
	float: left;
	overflow: hidden;
	height: 540px;
}
.template .te-list .te-con ul{
	position: relative;
}
.template .te-list .te-con li{
	width: 800px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.template .te-list .te-con .te-left{
	float: right;
	position: relative;
	width: 400px;
	background: #3DC094;
}
.template .te-list .te-con .filter{
	opacity: 0;
}
.template .te-list .te-con .content{
	width: 355px;
}
.te-list .te-con .content li{
	width: 16px;
	height: 16px;
	background: transparent;
	border-radius: 8px;
	margin-right: 5px;

}
.te-list .te-con .content li span{
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 4px;
	transition: all .5s ease 0s;
	margin: 4px 0 0 4px;
}
.te-list .te-con .content li:hover span{
	background: #f35321;
}
.te-list .te-con .content .active span{
	background: #f35321;
}
.template .te-list .te-con .t-right{
	width: 800px;
	float: right;
	overflow: hidden;
	height: 460px;
}
.template .te-list .te-con .t-rights{
	width: 800px;
	float: right;
	overflow: hidden;
	height: 540px;
}
.template .bedroom .te-con .te-right{
	position: relative;
	width: 400px;
	background: #3DC094;
}
.space .d-top{
	height: 417px;
}
.space .d-top .center{
	height: 425px;

}
.space .d-top .left{
	height: 425px;
	
}
.space .d-top .right{
	height: 425px;
	
}
/**17117*/
.mapbox { height: 500px; overflow: hidden; width: 100%; }
.contactPage { width: 910px; margin: 0px auto; padding: 6% 0px; color: #787878; }
.contact-T { border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 6%; }
.contact-T .tel { font-size: 30px; }
.contact-dl dd { float: left; display: block; }
.contact-dl dd.conBox { padding-top: 5px; width: 50%; }
.contact-dl dd.ewmBox { width: 344px; float: right; }
.contact-dl dd.ewmBox li { float: left; padding-left: 53px; width: 119px; }
.contact-dl dd.ewmBox .img { width: 100%; overflow: hidden; margin-bottom: 8px; }
.contact-dl dd.ewmBox .img img { width: 100%; display: block; }

.lhuan,.jay{
	width: 90%;
	height: auto;
	padding: 0px 5%;
}
.lhuan img,.jay img,.bJ img{
	width: 80% !important;
	margin-bottom: 10px;
}
.jay img{
	margin-left: 10%;
}
.walk_do{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.in-content .show.sJay li{
	margin-bottom: 0px;
	width: 179.5px;
}
